要发送AJAX请求,可以创建一个公共静态函数,以下是一个包含代码示例的解决方法:
// 创建一个公共静态函数来发送AJAX请求
function sendAjaxRequest(url, method, data, callback) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
callback(response);
}
};
xhr.send(JSON.stringify(data));
}
// 使用公共静态函数发送AJAX请求
var url = 'https://api.example.com/data';
var method = 'POST';
var data = { name: 'John', age: 30 };
sendAjaxRequest(url, method, data, function(response) {
console.log(response);
// 在这里处理返回的数据
});
在上面的示例中,sendAjaxRequest
函数接受四个参数:URL,请求方法,要发送的数据和回调函数。该函数创建一个XMLHttpRequest对象并打开一个与指定URL的连接。使用setRequestHeader
方法设置请求头,以便服务器正确解析请求。onreadystatechange
事件处理程序在每次状态发生变化时被触发,并且当请求完成并成功时(状态码为200),将响应数据传递给回调函数。最后,使用send
方法发送请求并将数据作为JSON字符串传递。
使用sendAjaxRequest
函数时,只需提供正确的URL,请求方法,要发送的数据和处理返回数据的回调函数。
上一篇:AJAX发送GET请求时发送了格式错误的URL字符串
下一篇:AJAX发送空对象