随着互联网的普及,跨域访问数据变得越来越普遍,而使用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({ 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] 举报,一经查实,本站将立刻删除。