jsonp知识点(jsonp严格来说,不属于ajax技术)

jsonp严格来说,不属于ajax技术,为什么这么说呢?

从最本质的一点来说,jsonp中根本就没有用到XMLHttpRequest对象,所以说,jsonp不属于ajax技术! 

jsonp知识点(jsonp严格来说,不属于ajax技术)_第1张图片 

jsonp知识点(jsonp严格来说,不属于ajax技术)_第2张图片 

jsonp知识点(jsonp严格来说,不属于ajax技术)_第3张图片 

jsonp知识点(jsonp严格来说,不属于ajax技术)_第4张图片

	//
	function search_for() {
		var keywords = document.getElementById('input1').value;
//借助360搜索的url地址,该url地址会返回一段js代码(准确的说是一段调用js函数的代码,js的函数名就是url中的callback参数的值searchResult)
		var url = 'https://sug.so.360.cn/suggest?callback=searchResult&encodein=utf-8&encodeout=utf-8&format=json&word=' + keywords;
		var scriptTag = document.createElement('script');
		scriptTag.src = url;
		var headTag = document.getElementsByTagName('head')[0];
		headTag.appendChild(scriptTag);
	}
//定义一个函数,函数名叫searchResult
	function searchResult(content) {
// 		alert(content);
		console.log(content);
		console.log(content.result, '------');
		console.log(content['result'], '======');
		console.log(content["result"], '******');
		console.log('*****************************************');
		var search_Result = content.result;
		var elementCount = search_Result.length;
// 		var str = '';
		for (var index = 0, str = ''; index < elementCount; index++) {
			str += '
  • ' + search_Result[index].word + '
  • '; } var ulTag = document.getElementById('myUl'); ulTag.innerHTML = str; }

     完整代码如下: 

    
    
    
    
    jsonp知识点(jsonp严格来说,不属于ajax技术)
    
    
    
    
    
    
    

    jsonp知识点(jsonp严格来说,不属于ajax技术)

    jsonp严格来说,不属于ajax技术,为什么这么说呢?从最本质的一点来说,jsonp中根 本就没有用到XMLHttpRequest对象,所以说,jsonp不属于ajax技术!

    推荐搜索/搜索自动补全


      jsonp知识点(jsonp严格来说,不属于ajax技术)_第5张图片

      jsonp知识点(jsonp严格来说,不属于ajax技术)_第6张图片

      jsonp知识点(jsonp严格来说,不属于ajax技术)_第7张图片

      你可能感兴趣的:(jsonp,ajax,前端开发,web开发,javaScript)