ajax跨域获取json出错

随着互联网不断发展，前端技术也逐渐成为了企业级开发的重要组成部分。在Web开发中，Ajax技术早已成为了必不可少的一部分。在一些特定的场景下，我们需要使用Ajax跨域获取Json数据，但是很多人在使用这些技术时，常常会遇到一些问题，例如跨域获取Json出错的问题。

原因主要在于如下两点：

1.由于同源策略（同一协议、同一域名、同一端口），XHR只能访问与HTML页面位于同一域下的资源。凡是与该页面不同域的请求，都无法访问。

2.JSONP并不是通过XHR对象来实现的，而是通过动态地添加script标签，由客户端来获取异步返回的数据。通过script的src属性可以访问跨域的URL，本质上和在HTML页面中添加script标签引用其他js文件的方式类似。

$.ajax({
    url: 'http://api.domain.com/jsonp?callback=?',dataType: 'jsonp',jsonpCallback: 'callback',success: function(json) {
        console.log(json);
    },error: function(xhr,textStatus,error) {
        console.log(xhr.statusText);
        console.log(textStatus);
        console.log(error);
    }
});

通过以上示例代码，我们可以发现，Ajax请求跨域获取Json数据时需要设置dataType为jsonp，同时指定回调函数的名称jsonpCallback。如果数据格式不符合要求，就会导致获取Json出错。

综上所述，Ajax跨域获取Json出错的主要原因是同源策略的限制和JsonP的使用方式。合理运用JsonP和其他相关技术，可以有效地减少这些问题的发生。