ajax可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
ajax本质上是表单的提交,只不过不需要用户操作自动完成
ajax是用来优化用户体验的
ajax的使用:
由于本质上Ajax还是表单的发送,所以需要设置表单所需要的信息,比如信息的类型,发送的方式、发送的地址等,这些信息可以通过键值对来设置
url表示ajax传递的地址
如果url部分中含有中文,则需要使用encodeURI()
type表示传递的类型,是post还是get
cache表示不使用缓存,可以跳过浏览器的优化
success传递成功的回调函数
以下两秒一次ajax请求:
setInterval(() => {
$.ajax({
url: "",
type: "get",
cache:false,
success: function (data, textStatus, jqXHR) {
}
});
},2000);
如果使用传统的JavaScript方法,则要考虑到各个浏览器的兼容性问题:
setInterval(function(){
var xml = new XMLHttpRequest();
xml.open("POST","${pageContext.request.contextPath}/AjaxServlet",true);
xml.send();
xml.onreadystatechange = function (){
console.log("done");
}
},2000);
ajax传递数据(数据格式设置为json,表示将服务器发送的格式按照json来解析,否则作为字符串):
$(function () {
$("#account,#password").blur(function () {
$.ajax({
url: "",
type: "POST",
data: {
account: $("#account").val(),
password: $("#password").val()
},
dataType: "json",
success: function (data, textStatus, jqXHR) {
}
});
});
});