Ajax小知识

Ajax小知识

1、简介
“Asynchronous Javascript And XML”（异步JavaScript和XML），使用CSS和XHTML来表示、DOM模型来交互和动态显示、XMLHttpRequest来和服务器进行异步通信并且使用javascript来绑定和调用。Ajax 是一种在无需重新加载整个网页的情况下， 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。

2、JQeury实现方式
(1)$.ajax()
语法：$.ajax({键值对});

 //使用$.ajax()发送异步请求
$.ajax({
	url:"ajaxServlet" , 					// 请求路径
	type:"POST" , 							//请求方式
	//data: "username=1&age=1",				//请求参数
	data:{"username":"jack","age":23},		//常用参数方式
	success:function (data) {
		  alert(data);						//响应成功后的回调函数
		  					 },
	error:function () {
		  alert("错误")			//表示如果请求响应出现错误，会执行的回调函数
		              		  },
		 dataType:"text"					//设置接受到的响应数据的格式
		            });

(2) $.get():发送get请求

语法：$.get(url, [data], [callback], [type])
		参数：  url：请求路径
					data：请求参数
					callback：回调函数
					 type：响应结果的类型

(3)$.post()：发送post请求

 语法：$.post(url, [data], [callback], [type])
	参数：	 url：请求路径
				data：请求参数
				callback：回调函数
				 type：响应结果的类型

3、赋值显示

(1)val("1"); 
(2)html("1");-------html代码
(3)text("1");