jsonp原理和jquey jsonp原理實踐
阿新 • • 發佈:2017-09-08
all $.ajax 進行 對數 參數 type success als 總結
$.ajax({ type: "get", async: false, url: "ajax.htm", dataType: "jsonp", jsonp: "callback", //傳到服務器端參數名,需要協商一致 jsonpCallback: "callbackFunction", //傳到服務器端參數值,需要協商一致 success: function(jsonData) { alert(jsonData); alert(jsonData[0].name); } });
總結:
1、最終組裝出來:<script>http://ajax.htm?callback=callbackFunction</script>
2、callback和callbackFunction兩名字定義要跟服務器或跨域端協商好。
3、callbackFunction函數要再本地定義好。服務器或跨域端負責調用這函數同時向這函數傳數據callbackFunction({name:‘lisi‘,age:‘20‘})。
4、callbackFunction方法調用success(data),對數據進行處理。
5、本地方法:
function callbackFunction(data){
success(data);
}
jsonp原理和jquey jsonp原理實踐