Ajax的封装

在JavaScript中，可以创建一个简单的函数来封装Ajax请求的常用操作。以下是一个简单的ajax函数示例，它使用了XMLHttpRequest对象：

function ajax(url, method, data, successCallback, errorCallback) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url, true);
 
    if (method === 'POST') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
 
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                successCallback(xhr.responseText);
            } else {
                errorCallback(xhr.statusText);
            }
        }
    };
 
    xhr.send(data);
}
 
// 使用示例
ajax('https://api.example.com/data', 'GET', null, function(response) {
    console.log('Success:', response);
}, function(error) {
    console.error('Error:', error);
});

这个ajax函数接受五个参数：

• url: 请求的URL。
• method: 请求的HTTP方法，通常是'GET'或'POST'。
• data: 如果是'POST'请求，这里是要发送的数据字符串。
• successCallback: 请求成功时调用的函数，传入响应文本。
• errorCallback: 请求失败时调用的函数，传入错误信息。

请注意，这个示例没有处理JSON数据，如果需要发送和接收JSON，需要对ajax函数进行相应的扩展，例如设置正确的Content-Type头部，以及在发送前将对象序列化为JSON字符串，在接收时解析JSON字符串为对象。