微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax 跨域访问json

随着互联网的普及,跨域访问数据变得越来越普遍,而使用ajax跨域访问json数据是一种简便的方法

$.ajax({
 url: 'http://example.com/data.json',dataType: 'json',success: function(data){ //成功回调函数
   console.log(data); //打印json数据
 },error: function(xhr,status,error){ //失败回调函数
   console.log(xhr);
 }
});

ajax 跨域访问json

以上是一个使用ajax访问json数据的基本方法,在跨域情况下可以增加以下几个参数:

$.ajax({
 url: 'http://example.com/data.json',crossDomain: true,//跨域访问
 xhrFields: {
   withCredentials: true //开启请求凭证
 },error){ //失败回调函数
   console.log(xhr);
 }
});

值得注意的是,使用ajax跨域访问json数据时,需要在目标网站允许跨域请求。通常情况下,目标网站需要在响应头中添加以下字段:

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET,POST,PUT,DELETE,OPTIONS
Access-Control-Allow-Headers: Content-Type,Authorization
Access-Control-Allow-Credentials: true

以上是ajax跨域访问json的基本方法和注意事项,希望对大家有所帮助。

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

相关推荐