使用Jquery进行Jsonp调用,返回的json数据需要带callback名称,同时因为你的返回值是静态数据,所以应该指定jsonpCallback的名称。
jQuery(document).ready(function(){
$.ajax({
type: "get",
async: false,
url: "http://app.veishu.com/jsonp/categories/all.js",
dataType: "jsonp",
jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称
success: function(data){
},
error: function(){
}
});
});
返回的all.js数据格式如下:
flightHandler({"success":true,"data"[{"name":"\u624b\u5de5DIY","position":0,"slug":"handicraft"}]});
JSONP 的原理:http://segmentfault.com/q/1010000002608394/a-1020000002608399
静待资源文件在增加 callback
的 GET 参数之后并没有返回一个执行函数形式的 JS 文件,所以加载失败。
http://app.veishu.com/jsonp/categories/all.js 可否贴下all.js的代码??
没记错的话,jsonp
请求要求服务器端返回的json
数据被括号()
包起来。
jsonp的原理就是请求一段js, all.js有语法错误。
你这个http://app.veishu.com/jsonp/categories/all.js
返回的数据结构是没法做jsonp的,jsonp应该返回类似这种数据结构callback(data);
其中data
即为你要返回的json数据