js ajax跨域调用

最新推荐文章于 2022-10-16 16:16:47 发布

weixin_33936401

最新推荐文章于 2022-10-16 16:16:47 发布

阅读量67

点赞数

原文链接：http://www.cnblogs.com/Alwaysbecoding/p/10911737.html

版权

正常使用ajax调用java.com

$.ajax({
       type: 'get',
       url: 'http://www.java.com/custinfo?id=888',
       dataType: 'json',
       success: function(data){
           console.log('成功'); 
       } 
});

你会发现无法调用


原因：

JavaScript出于安全方面的考虑，不允许跨域调用其他项目。

跨域，由于浏览器同源策略的限制，a.com 无法调用 b.com

解决方案： JSONP

JQuery调用jsonp

var url = 'http://www.java.com/custinfo?id=888&jsoncallback=?';

$.getJSON(url,function(data){
 　　console.log('成功'); 
});

注意:如果java.com返回的是JSON格式的数据，你是取不到的。

你会发现回调函数并没有调用

json格式示例：

{
   "code":"200",
   "msg":"成功" ,
   "data":[
      {
         "custNo":"100088" 
         "id":"888" 
      }
    ]      
}

如果服务端返回的是上面JSON格式的数据你是取不到的。

需要服务端修改代码，返回JSONP格式的数据。

jsonp格式示例：

jsonpcallback(
    {
       "code":"200",
       "msg":"成功" ,
       "data":[
          {
             "custNo":"100088" 
             "id":"888" 
          }
        ]      
    }
)

看到两种格式的区别了吗？

参考 https://baike.baidu.com/item/jsonp/493658

参考 https://blog.csdn.net/felcon/article/details/52293044

转载于:https://www.cnblogs.com/Alwaysbecoding/p/10911737.html