1. 程式人生 > >jsonp原理和jquey jsonp原理實踐

jsonp原理和jquey jsonp原理實踐

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原理實踐