ajax 跨域 json

AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态Web应用程序的技术。它的特点是可以异步加载数据并更新网页内容，而不必刷新整个页面。AJAX 使用HTTP编码请求和响应。虽然这一技术的名称中包含了 XML，但是实际上，AJAX 可以使用多种格式的数据，包括 JSON。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它基于JavaScript语言，但是它可以被多种编程语言解析和生成。JSON 的数据结构是由键值对构成的，通常比 XML 更加简洁，同时还支持数组和嵌套对象。

在Web开发中，经常需要访问不同域名下的资源。然而，由于浏览器的安全机制，直接访问其他域名的资源是受到限制的。这就是所谓的“跨域”问题。为了解决这个问题，可以使用CORS（Cross-Origin Resource Sharing）。CORS是一种机制，允许Web页面向不同的域名请求资源，而不受浏览器的限制。CORS可以通过HTTP头部的Origin字段来判断请求是否来自有效的域名。

//ajax跨域请求JSON示例

// 请求地址
var url = 'http://example.com/api/data';

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 配置请求
xhr.open('GET',url);
xhr.setRequestHeader('Content-Type','application/json;charset=UTF-8');
xhr.setRequestHeader('Authorization','Bearer ' + token);

// 发送请求
xhr.send();

// 处理响应
xhr.onload = function () {
  if (xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  } else {
    console.error('请求失败，状态码：',xhr.status);
  }
};

以上代码演示了如何使用 AJAX 跨域请求 JSON 数据。在这里，我们向服务器发送一个 GET 请求，请求一个数据资源。请求头中包括 Content-Type 和 Authorization，用于发送 JSON 数据和身份验证。服务器返回的响应数据是 JSON 格式的，我们使用 JSON.parse() 方法将其解析成 JavaScript 对象。如果请求失败，控制台会输出错误信息。