jsonp原理和jquey jsonp原理实践

最新推荐文章于 2024-08-15 02:11:00 发布

weixin_30826761

最新推荐文章于 2024-08-15 02:11:00 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenweichu/p/7492524.html

本文介绍了一个使用JSONP实现跨域请求的例子，并详细解释了各部分的作用及如何与服务器端进行协商。

$.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);
}

转载于:https://www.cnblogs.com/chenweichu/p/7492524.html