ajax跨域发动json数据

Ajax是一种在网页中实现异步通信的技术，可以在不刷新整个页面的情况下，通过发送HTTP请求获取数据，并将数据展示在页面上。由于浏览器的同源策略限制，Ajax默认只能向同一域名下的接口发送请求，而无法直接向其他域名下的接口发送请求，这就是所谓的跨域问题。

要解决跨域问题，可以通过在服务器端设置响应头来允许跨域访问。常用的跨域解决方案有JSONP和CORS（跨域资源共享）。其中，JSONP是利用script标签的src属性没有跨域限制的特性来实现跨域请求，而CORS是在服务器端设置响应头来允许跨域访问。

下面是一个使用Ajax进行跨域请求并获取JSON数据的示例代码：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和URL
xhr.open('GET', 'http://api.example.com/data', true);
// 设置响应类型为JSON
xhr.responseType = 'json';
// 发送请求
xhr.send();
// 监听请求状态变化事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 请求成功，处理返回的JSON数据
      var data = xhr.response;
      // ...处理数据的逻辑...
    } else {
      // 请求失败，处理错误信息
      var error = xhr.status + ': ' + xhr.statusText;
      // ...处理错误信息的逻辑...
    }
  }
};

在上述示例代码中，首先创建了一个XMLHttpRequest对象，然后通过调用open方法设置请求的方法和URL。接下来，通过设置responseType为'json'来指定响应的数据类型为JSON。然后，调用send方法发送请求。

在监听请求状态变化的事件中，当请求状态变为XMLHttpRequest.DONE时，通过判断响应的状态码来确定请求是否成功。如果状态码为200，表示请求成功，可以通过xhr.response获取返回的JSON数据。如果状态码不为200，表示请求失败，可以通过xhr.status和xhr.statusText获取错误信息。

除了以上示例中使用的XMLHttpRequest对象，还可以使用jQuery等库提供的ajax方法来发送跨域请求。不同的库可能有不同的用法，但原理都是类似的，都是通过在请求头中添加一些特殊的字段，或者使用JSONP等技术来实现跨域请求。

总结来说，Ajax跨域发送JSON数据的关键在于服务器端设置响应头来允许跨域访问，同时在客户端使用合适的方法来发送请求并处理返回的JSON数据。