AJAX基础笔记

一、 什么是AJAX

（1）什么是同步：指发送一个请求，需要等待返回，然后才能够发送下一个请求，有个等待过程
请求1->响应1->请求2->响应2->
Web1.0时代

（2）什么是异步：指发送一个请求，不需要等待返回，随时可以发送下一个请求，不需要等待
请求1->请求2->请求3->响应1->响应2->响应3->
请求1->响应1->请求2->请求3->响应2->响应3->
Web2.0时代

（3）什么是AJAX
浏览器与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术
即，AJAX是一个【局部刷新】的【异步】通讯技术
AJAX不是全新的语言，是2005年Google公司推出的一种全新【编程模式】，不是新的编程语言

两者之间的区别：等待的区别
异步：非阻塞
同步：可以避免死锁 避免脏读
异步与服务器交换对象：XMLHttpRequest对象

二、AJAX

$.ajax(
	url:”${pageContext.request.contextPath}/one”,
	type:”post”,
	data:{“username”:$(“#username”).val()},
	dataType:”json”,
	success:function(){
	if(data.flag==1){
	$("#errInfo").text("存在此用户！");
	}
	})


$.post("${pageContext.request.contextPath}/one", 
		{
			"username" : $("input[name='username']").val()
		}, 
		function(data) {
			if (data.flag == 1) {
				$("#errInfo").text("存在此用户！");
			}else if(data.flag == 0){
				$("#errInfo").text("√");
			}
		}, "json");
	});

$.get("${pageContext.request.contextPath}/three", 
	function(data) {
		$.each(data.result,function(index,element){
			var tr=$("<tr></tr>");
			var id=$("<td>"+element.id+"</td>");//编号
			var name=$("<td>"+element.name+"</td>");//姓名
			var age=$("<td>"+element.age+"</td>");//年龄
			var address=$("<td>"+element.address+"		</td>");//地址
			tr.append(id);
			tr.append(name);
			tr.append(age);
			tr.append(address);
			$("tbody").append(tr);
		});
	},"json");