【不同入参ajax请求】ajax请求接口入参form形式和body形式如何写前端代码

在前端中，可以使用JavaScript的XMLHttpRequest对象或者更现代的fetch API来发送AJAX请求。对于表单形式和JSON主体形式的请求，以下是两种方式的示例代码：

表单形式（使用XMLHttpRequest）:

var xhr = new XMLHttpRequest();
xhr.open("POST", "your-api-endpoint", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 请求成功
        console.log(xhr.responseText);
    }
};
var data = new FormData(document.forms[0]); // 假设你有一个表单
xhr.send(data);

JSON主体形式（使用fetch）:

fetch("your-api-endpoint", {
    method: "POST",
    headers: {
        "Content-Type": "application/json"
    },
    body: JSON.stringify({
        key1: "value1",
        key2: "value2"
        // 更多的键值对
    })
})
.then(response => response.json())
.then(data => {
    console.log(data);
})
.catch(error => console.error('Error:', error));

在这两种方式中，你需要替换your-api-endpoint为你实际要请求的API接口地址。对于表单形式，你需要确保你的表单有name属性，这样FormData才能正确构建数据集；对于JSON主体形式，你需要将你的数据转换为JSON字符串。