JavaScript 异步请求 Web API - 无需等待 - XMLHttpRequest, Fetch API, Async/Await

"在 JavaScript 中，可以使用异步请求来实现不等待的方式请求 Web API。常见的异步请求方法有以下几种：\n\n1. XMLHttpRequest：使用 XMLHttpRequest 对象可以发送异步请求，并通过回调函数处理响应结果。\n\njavascript\nvar xhr = new XMLHttpRequest();\nxhr.open('GET', 'https://api.example.com/api', true);\nxhr.onreadystatechange = function () {\n if (xhr.readyState === 4 && xhr.status === 200) {\n var response = JSON.parse(xhr.responseText);\n // 处理响应结果\n }\n};\nxhr.send();\n\n\n2. Fetch API：Fetch API 是一种新的异步请求方法，可以更方便地发送请求并处理响应结果。\n\njavascript\nfetch('https://api.example.com/api')\n .then(function (response) {\n return response.json();\n })\n .then(function (data) {\n // 处理响应结果\n })\n .catch(function (error) {\n // 处理错误\n });\n\n\n3. Async/Await：使用 async/await 语法可以更简洁地处理异步请求和响应结果。\n\njavascript\nasync function fetchData() {\n try {\n const response = await fetch('https://api.example.com/api');\n const data = await response.json();\n // 处理响应结果\n } catch (error) {\n // 处理错误\n }\n}\n\nfetchData();\n\n\n以上方法都是异步的，可以发送请求并继续执行后续代码，不会阻塞页面或应用程序的其他操作。可以根据具体需求选择适合的方法来请求 Web API。"