JavaScript AJAX异步调用代码示例 - 详解及跨域解决方案

以下是一个使用JavaScript中的Ajax进行异步调用的示例代码：\n\njavascript\n// 创建XMLHttpRequest对象\nvar xhr = new XMLHttpRequest();\n\n// 设置请求的类型、URL以及是否异步\nxhr.open('GET', 'http://api.example.com/data', true);\n\n// 设置响应的数据类型\nxhr.responseType = 'json';\n\n// 监听请求完成的事件\nxhr.onload = function() {\n if (xhr.status === 200) {\n // 请求成功\n var data = xhr.response;\n console.log(data);\n } else {\n // 请求失败\n console.error('请求失败');\n }\n};\n\n// 监听请求错误的事件\nxhr.onerror = function() {\n console.error('请求错误');\n};\n\n// 发送请求\nxhr.send();\n\n\n在上面的代码中，我们首先创建了一个XMLHttpRequest对象，并使用open方法设置了请求的类型、URL以及是否异步。然后，我们可以使用responseType属性设置响应的数据类型，例如json、text等。接着，我们可以通过监听onload事件来获取请求成功后的响应数据，通过onerror事件来处理请求错误的情况。最后，我们使用send方法发送请求。\n\n请注意，由于浏览器的安全策略限制，Ajax请求通常只能在同源的情况下发起。如果需要跨域请求，可以使用JSONP、CORS等方式来实现。另外，可以根据实际需求在请求中添加请求头、请求参数等信息。