ajax封装json数据
时间: 2023-11-10 16:54:03 浏览: 79
ajax操作json数据
5星 · 资源好评率100%
以下是一个简单的封装 Ajax 请求发送 JSON 数据的示例:
```javascript
function sendJsonData(url, jsonData, successCallback, errorCallback) {
var xhr = new XMLHttpRequest();
xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
if (xhr.status === 200) {
successCallback(xhr.response);
} else {
errorCallback(xhr.statusText);
}
};
xhr.onerror = function() {
errorCallback(xhr.statusText);
};
xhr.send(JSON.stringify(jsonData));
}
```
使用方法:
```javascript
var jsonData = {name: 'John', age: 30};
sendJsonData('http://example.com/api', jsonData, function(response) {
// 成功处理响应的回调函数
console.log(response);
}, function(error) {
// 处理错误的回调函数
console.error(error);
});
```
其中,`sendJsonData()` 函数接收四个参数:
- `url`:请求的 URL;
- `jsonData`:要发送的 JSON 数据;
- `successCallback`:请求成功时执行的回调函数;
- `errorCallback`:请求失败时执行的回调函数。
这个函数使用了 XMLHttpRequest 对象发送 POST 请求,并设置了请求头的 Content-Type 为 application/json,以告诉服务器发送的是 JSON 数据。在成功接收到响应时,执行 successCallback 回调函数;在请求出错时,执行 errorCallback 回调函数。
阅读全文