Ajax(Asynchronous JavaScript and XML)是一种用于创建更好、更快且更具交互性的Web应用程序的技术。它允许在浏览器与Web服务器之间使用异步数据传输,这样就可以使网页从服务器请求少量的信息,而不是整个页面。
Ajax请求的基本写法:
$.ajax({
url: 'my-ajax-handler.php', //请求路径
type: 'POST', //请求方式为POST,除此之外还有GET请求
data: { name: 'John' }, //向后台发送的数据
success: function(response) { //请求成功时,返回的数据(response)
console.log('Response:', response);
},
error: function(xhr, status, error) { //请求成功时
console.log('Error:', error);
}
});
$.ajax()方法接受一个对象作为参数,该对象包含以下属性:
- url: 发送请求的URL地址。
- type: 请求方法,如GET、POST等。
- data: 要发送到服务器的数据。
- success: 请求成功时的回调函数。
- error: 请求失败时的回调函数。
ajax的简单写法
$.get("/bookstore/user/query?username="+uname, function(msg) {
if (msg!=null) {
$("#user_info").html("返回的数据不为空")
$("#user_info").css("color","red");
} else{
$("#user_info").html("返回的数据为空!")
$("#user_info").css("color","green");
}
});
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
同样还有$.post() 发送post请求,$.getJSON()专门获取ajax的json数据