JQuery加载Ajax的相关操作

$(selector).load(URL,data,callback)方法加载Ajax

1. url表示要加载的资源地址
2. 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
3. 可选的 callback 参数是 load() 方法完成后所执行的函数名称。
   如：

$("#button").load("/test/ajax");

可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：

1. responseText:包含回调成功时服务器响应的结果
2. statusTXT:包含调用的状态
3. xhr：包含 XMLHttpRequest 对象

实例，点击按钮，回调成功按钮下的输入框会显示服务器响应内容

按钮代码：

<input type="button" id="button" ">点我<br>
	<input type="text" id="text">

js代码

$(function(){
	$("#button").click(function(){
			$("#text").load("/test/ajax",function(responseText,statusTXT,xhr){
				$("#text").val(responseText);
			});
		});
});

$.get(url,callback)方法发送get请求并获取服务器返回数据

url为请求的资源的路径，可选参数callback为回调成功后执行的函数

例：点击button发送请求并用服务器返回的数据填入div

//页面代码

<input type="button" id="button" value="点我"><br>
<div id="text" style="height: 100px;width:100px;border:1px solid blue">	</div> 

//jQuery代码,callback中方法的参数第一个为服务器返回的数据，第二个为回调的状态(success，error)

$(function(){
	$("#button").click(function(){
		$.get("/test/demo?name=lrving&age=18",function(data,status){
					alert("data：" + data + "   " + "status:  " +status);
		});
	});
});

$.post(URL,data,callback)方法发送post请求并获取服务器返回数据

url为要请求资源的路径，data为要发送的数据，callback为回调成功执行的方法，方法第一个参数为服务器返回的数据，第二个为回调的状态。
例：点击button发送请求并用服务器返回的数据填入div

//页面代码

<input type="button" id="button" value="点我"><br>
<div id="text" style="height: 100px;width:100px;border:1px solid blue">	</div> 

//jQuery代码,callback中方法的参数第一个为服务器返回的数据，第二个为回调的状态(success，error)
$(function(){
	$("#button").click(function(){
		$.post("/test/demo",
		{
			name:"lrving",
			age:"18"
		},
		function(data,status){
			alert("data"  + "data" + ":" + "status" + status);
		});
	});
});