JavaWeb之Ajax相关知识

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) {
			}
		});
	});
});