js get异步请求数据格式

JavaScript 中的 GET 异步请求通常用于从服务器检索数据，而不会改变服务器上的任何数据。这种请求的数据格式通常是 application/json 或 text/plain，但也可以是其他格式，如 application/xml 或自定义的 MIME 类型。

基础概念

异步请求意味着浏览器不会等待服务器的响应，而是继续执行后续代码。当服务器响应到达时，会触发一个回调函数来处理响应。

优势

非阻塞：用户界面保持响应，不会因为等待服务器响应而冻结。
效率：可以同时发送多个请求，提高数据加载速度。
用户体验：可以提供更流畅的用户体验，因为页面可以在加载数据的同时显示其他内容。

类型

JSON：轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。
XML：可扩展标记语言，用于存储和传输数据，比 JSON 更冗长。
Text：纯文本格式，适用于简单的字符串数据。

应用场景

动态内容加载：如新闻网站的最新文章。
表单验证：在提交表单前验证用户输入。
实时搜索建议：用户输入时显示可能的搜索结果。

示例代码

以下是一个使用原生 JavaScript 发送 GET 请求并处理 JSON 数据的示例：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 配置请求类型、URL 以及是否异步
xhr.open('GET', 'https://api.example.com/data', true);

// 设置响应类型为 json
xhr.responseType = 'json';

// 定义请求完成后的回调函数
xhr.onload = function () {
    if (xhr.status === 200) {
        // 请求成功，处理返回的数据
        console.log(xhr.response);
    } else {
        // 请求失败，处理错误情况
        console.error('Error:', xhr.statusText);
    }
};

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

// 错误处理
xhr.onerror = function () {
    console.error('Network Error');
};