异步通信技术AJAX | 基于JSON、XML的数据交换

AJAX（Asynchronous JavaScript and XML）技术通常用于在Web应用程序中执行异步数据交换。以下是使用AJAX进行基于JSON和XML的数据交换的示例代码：

使用JSON的AJAX请求示例：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('POST', 'your_api_endpoint', true);
 
// 设置请求头信息，表明发送的数据类型
xhr.setRequestHeader('Content-Type', 'application/json');
 
// 定义请求完成的处理函数
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功完成，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
 
// 发送包含数据的请求
var data = JSON.stringify({ key: 'value' });
xhr.send(data);

使用XML的AJAX请求示例：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('POST', 'your_api_endpoint', true);
 
// 设置请求头信息，表明发送的数据类型
xhr.setRequestHeader('Content-Type', 'text/xml');
 
// 定义请求完成的处理函数
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功完成，处理返回的数据
    var response = xhr.responseXML;
    console.log(response);
  }
};
 
// 发送包含数据的请求
var data = '<request><key>value</key></request>';
xhr.send(data);

在这两个示例中，我们创建了一个XMLHttpRequest对象，设置了请求的类型、URL 和请求头信息，然后定义了一个onreadystatechange事件处理函数来处理响应。根据请求的类型（POST或GET）和数据格式（JSON或XML），我们发送不同类型的数据。在请求成功完成并且返回200状态码时，我们解析返回的数据并进行处理。