教你怎么用最原始的ajax发送post请求和get请求
在原生JavaScript中,可以使用XMLHttpRequest
对象来发送AJAX GET和POST请求。以下是实现的示例代码:
GET请求示例:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
// 请求成功
console.log(xhr.responseText);
}
};
xhr.send();
POST请求示例:
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://api.example.com/data", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // 设置请求头
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
// 请求成功
console.log(xhr.responseText);
}
};
xhr.send("key1=value1&key2=value2"); // 发送数据
在这些示例中,替换"https://api.example.com/data"
为您的目标URL,并根据需要修改send
方法内的数据。对于POST请求,确保设置正确的Content-Type
请求头,并且send
方法内提供发送的数据。
评论已关闭