ajax open post(示例代码)

AJAX是一种用于在网页上进行异步通信的技术。它可以通过向服务器发送HTTP请求来获取数据，而无需刷新整个页面。其中，open()方法是AJAX中的一个重要方法之一，它用于创建一个新的HTTP请求，并指定请求的方法、URL和是否异步。

在使用open()方法时，我们需要传入两个参数。第一个参数是请求的方法，常见的有GET和POST。GET方法用于从服务器获取数据，而POST方法用于向服务器发送数据。第二个参数是请求的URL，即服务器的地址。

下面是一个使用open()方法发送POST请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api', 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 = {
  name: 'John',
  age: 25
};
xhr.send(JSON.stringify(data));

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象，并调用open()方法来创建一个新的HTTP请求。我们指定了请求的方法为POST，并将请求的URL设置为'http://example.com/api'。第三个参数为true，表示我们希望以异步方式发送请求。

接下来，我们通过调用setRequestHeader()方法来设置请求头，指定请求的内容类型为'application/json'。然后，我们定义了一个回调函数xhr.onreadystatechange，用于处理服务器响应。

在回调函数中，我们首先判断xhr.readyState是否为4（即请求已完成），并且xhr.status是否为200（即请求成功）。如果满足这两个条件，说明服务器成功返回了响应数据。我们可以通过xhr.responseText获取服务器返回的原始文本数据，并通过JSON.parse()方法将其解析为JSON对象。我们将解析后的响应数据打印到控制台。

我们创建了一个名为data的对象，用于存储要发送给服务器的数据。我们通过调用xhr.send()方法并将data对象转换为JSON字符串来发送POST请求。