XMLHttpRequest发送请求代码

这是一个使用 XMLHttpRequest 对象发送 GET 请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/mydata.json');
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response);
    }
};
xhr.send();

你可以根据需要修改 URL 和回调函数。

相关问题

XMLHttpRequest发送post请求代码

好的，以下是一个基于XMLHttpRequest对象发送POST请求的示例代码：

var xhr = new XMLHttpRequest();
var url = "your_api_url";
var data = JSON.stringify({
  key1: value1,
  key2: value2,
  key3: value3
});

xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function () {
    if(xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功
        console.log(xhr.responseText);
    }
};

xhr.send(data);

其中，xhr对象是一个XMLHttpRequest实例，url是API的链接地址，data是发送的数据，它需要先将数据转换为JSON格式的字符串，而后设置请求头部信息，以确保数据格式正确。xhr.onreadystatechange是一个回调函数，它可以在请求状态改变时执行，当readyState为4并且status为200时，则表示请求成功，可以获取响应信息，比如输出在控制台上。

此处的代码仅供参考，具体实现根据请求的API接口和数据格式来编写。

html 内XMLHttpRequest发送同步请求

在HTML中，我们可以使用XMLHttpRequest对象（简称XHR）来发送同步请求。与异步请求不同，同步请求会阻塞JavaScript的执行，直到请求完成并接收到响应数据为止。因此，建议尽量避免使用同步请求，以免阻塞页面的交互和用户体验。

以下是一个XHR对象发送同步请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://39.107.83.187:12346/articles', false);
xhr.send();
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    var response = xhr.responseText;
    console.log(response);
    // 在这里对响应数据进行处理
}

在上述代码中，我们创建了一个XHR对象，并调用open方法发送了一个GET请求。由于第三个参数设置为false，表示发送一个同步请求。在send方法调用后，我们可以通过判断xhr.readyState和xhr.status，来判断请求是否成功，并获取响应数据进行处理。

需要注意的是，由于同步请求会阻塞JavaScript的执行，因此在发送请求之前，建议确保当前页面没有其他重要的任务需要执行，以免影响页面的性能和用户体验。