javascript - 使用jsonp完成跨域请求,但是请求的链接是js文件,请求总是那个js报错,怎莫办?
高洛峰
高洛峰 2017-04-10 15:09:17
0
6
302

把链接换成php就没问题。
$.ajax({
type:'GET',
async:false,
url:"http://app.veishu.com/jsonp/categories/all.js",
dataType:"jsonp",
success:function(data){
alert("success");
// alert(data[0]);
// var dataHtml=""
// for(var i=0; data.length;i++){
// dataHtml+="
";
}
$(".list").html(dataHtml);
},
error:function(){
alert("ajax is error");
}
});
这个ajax不会进入error,也没有进入success。
在那个链接的js那报错。
如果把链接换成php会成功进入success。
但这个js文件的链接直接在浏览器打开也没有问题,可以出现json。不知怎么回事?
还有浏览器打开js文件有unicode字符,该怎么转!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(6)
Ty80

使用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数据

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!