原生js ajax post示例

以下是一个原生JS的Ajax 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) {
        console.log(xhr.responseText);
    }
};
var data = JSON.stringify({"name": "John", "age": 30});
xhr.send(data);

这个示例使用XMLHttpRequest对象发送一个POST请求到"http://example.com/api"，请求的数据是一个JSON对象。在请求头中设置了Content-Type为application/json。当请求完成并且响应状态码为200时，控制台会输出响应的文本内容。

相关问题

原生js ajax post示例并接受返回值

以下是一个原生 JavaScript 的 AJAX POST 请求示例，并接收返回值：

var xhr = new XMLHttpRequest();
var url = "your-url-here";
var data = JSON.stringify({"key": "value"});

xhr.open("POST", url, 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);
    }
};

xhr.send(data);

在这个示例中，我们使用 XMLHttpRequest 对象来发送 POST 请求。我们首先定义了请求的 URL 和要发送的数据。然后，我们使用 `open()` 方法来打开请求，设置请求类型为 POST，并将第三个参数设置为 true，表示我们希望使用异步请求。

接下来，我们使用 `setRequestHeader()` 方法来设置请求头，告诉服务器我们发送的是 JSON 数据。然后，我们定义了一个 `onreadystatechange` 事件处理程序，当请求状态改变时会被调用。在这个事件处理程序中，我们检查请求的状态是否为 4（即请求已完成），并检查响应的状态码是否为 200（即请求成功）。如果请求成功，我们使用 `JSON.parse()` 方法将响应文本解析为 JSON 对象，并将其打印到控制台中。

最后，我们使用 `send()` 方法将数据发送到服务器。

原生javascript实现ajax 发送post请求

好的，以下是原生JavaScript实现ajax发送post请求的示例代码：

let xhr = new XMLHttpRequest();
xhr.open('POST', '/api', true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
}
xhr.send(JSON.stringify({
  name: 'John',
  age: 28,
}));

在这个例子中，我们使用了XMLHttpRequest对象进行ajax请求的发送。首先使用`open()`方法指定请求类型、URL和async参数；然后使用`setRequestHeader()`方法设置请求头；接着指定`onreadystatechange`回调函数处理请求响应；最后使用`send()`方法发送请求体数据。在本例中，我们使用了JSON.stringify方法将一个包含name和age属性的JavaScript对象转换为JSON字符串，作为请求体发送给服务器。