使用 Ajax 进行数据请求的实例
2024-11-25 16:08:40
以下是一个使用 `Ajax` 进行数据请求的实例:
```javascript
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求
xhr.open('GET', 'https://example.com/api/data', true);
// 发送请求
xhr.send();
// 处理响应
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 在这里处理响应数据
console.log(response);
}
};
```
在 jQuery 中,$.ajax() 是一个非常强大的用于执行异步 HTTP 请求的方法。其常见用法如下:
$.ajax({
url: 'https://jsonplaceholder.typicode.com/posts/1',
type: 'GET',
success: function(response) {
console.log(response.title);
console.log(response.body);
},
error: function(xhr, status, error) {
console.error('请求出错:' + error);
}
});
$.ajax({
type: "post",
data: {"data":data,"id":id},
dataType: "json",
url:'/admin.php?s=order&c=home&m=order_status',
success: function(data){
$("#order_status_"+id).text(data);
},
error:function(data){
alert("系统错误,请重试");
}
});