JS 源生 POST

在前端开发中，POST 是一种常见的向服务器发送请求的方式，可以将数据以表单形式提交给服务器进行处理。JS（JavaScript）是一种非常常用的前端编程语言，用于开发网页等交互式应用程序。

JS 可以通过 AJAX 技术向服务器发送 POST 请求，让服务器返回相应的数据。AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用于创建快速动态网页的技术，它可以在不刷新整个页面的情况下向服务器发送请求并更新部分网页内容。

POST 请求可以通过 XMLHttpRequest 对象来实现。XMLHttpRequest 是一种可以使用 JavaScript 向服务器发送 HTTP 请求并获取数据的 API。使用 XMLHttpRequest 对象，可以在不刷新整个页面的情况下向服务器发送请求并处理响应。

以下是使用 JavaScript 发送 POST 请求的一些示例代码：

1. 使用 XMLHttpRequest 对象发送 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 = {
    name: "John",
    age: 30
};
xhr.send(JSON.stringify(data));

1. 使用 jQuery 发送 POST 请求：

$.ajax({
    url: "http://example.com/api",
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({
        name: "John",
        age: 30
    }),
    success: function (data) {
        console.log(data);
    }
});

无论是使用 XMLHttpRequest 对象还是使用 jQuery， 发送 POST 请求的过程都是类似的：设置请求的 URL、请求类型和请求头部信息，然后发送请求并处理响应。

总的来说，JS 源生 POST 就是利用 XMLHttpRequest 对象或类库，向服务器发送 POST 请求以获取数据或进行数据交互的一种方式。这种方式可以实现前后端的数据交互，是实现网页动态化的重要手段之一。