jquery+ajax+jsonp实现跨域请求
2013-10-29 00:00
791 查看
之前一篇博客详细的说明了jsonp协议,jquery ajax封装了jsonp协议,让跨域请求实现如此简单:
服务器端处理如下:
当使用jsonp时,使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
$.ajax({ type : "post", url : "http://www.phpddt.com/ajax/test", dataType : "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success : function(json){ alert('success'); }, error:function(){ alert('fail'); } });
服务器端处理如下:
$data = ....... $callback = $_GET['callback']; echo $callback.'('.json_encode($data).')'; exit;
当使用jsonp时,使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
相关文章推荐
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- jquery+ajax+jsonp实现跨域请求
- 关于试用jquery的jsonp实现ajax跨域请求数据的问题
- Jquery之AJAX COOKIES跨域请求 - JSONP实现方法
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- Ajax+Spring MVC实现跨域请求(JSONP)
- 利用jQuery实现更简单的Ajax跨域请求
- Ajax+Spring MVC实现跨域请求(JSONP)
- Ajax+Spring MVC实现跨域请求(JSONP)
- 循序渐进Python3(十一) --6-- Ajax 实现跨域请求 jsonp 和 cors
- 深入理解Ajax结合JSONP实现跨域请求
- ajax+jsonp+php 实现跨域请求
- 利用jquery的ajax实现跨域,内部其实是jsonp协议了,不是XHRhttp协议
- 跨域请求之jQuery的ajax jsonp的使用
- java、jquery 、ajax跨域请求获取返回值(jsonp格式)