使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1653字，纯文字阅读大概需要3分钟。

内容图文

把链接换成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字符，该怎么转!

回复内容：

使用Jquery进行Jsonp调用，返回的json数据需要带callback名称，同时因为你的返回值是静态数据，所以应该指定jsonpCallback的名称。

jQuery(document).ready(function(){ 
        $.ajax({
             type: "get",
             async: false,
             url: "http://app.veishu.com/jsonp/categories/all.js?1.2.1",
             dataType: "jsonp",
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称
             success: function(data){
             },
             error: function(){
             }
         });
     });

返回的all.js数据格式如下：

flightHandler({"success":true,"data"[{"name":"\u624b\u5de5DIY","position":0,"slug":"handicraft"}]});

JSONP 的原理：segmentfault.com/q/1010000002608394/a-1020000002608399
静待资源文件在增加 callback 的 GET 参数之后并没有返回一个执行函数形式的 JS 文件，所以加载失败。

app.veishu.com/jsonp/categories/all.js 可否贴下all.js的代码？？

没记错的话，jsonp请求要求服务器端返回的json数据被括号()包起来。

jsonp的原理就是请求一段js, all.js有语法错误。

你这个app.veishu.com/jsonp/categories/all.js返回的数据结构是没法做jsonp的，jsonp应该返回类似这种数据结构callback(data);其中data即为你要返回的json数据

【相关推荐】

1. 特别推荐：“php程序员工具箱”V0.1版本下载

2. php免费视频教程

3. php开发验证码最新视频教程

内容总结

以上是互联网集市为您收集整理的使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？全部内容，希望文章能够帮你解决使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---