AJAX---jQuery的相关使用（二）

上一篇中介绍了jQuery里的load()方法,下面介绍$get()和$post()方法

HTTP 请求：GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
 
 
GET - 从指定的资源请求数据
 
 
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。
如需学习更多有关 GET 和 POST 以及两方法差异的知识，请阅读的 HTTP 方法 - GET 对比 POST。

jQuery $.get() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

在这里可以看到和load()的区别，callback依然是可选的，但是没有了data，也就是说Get这个方法只是向服务器发送请求，没有附带数据。

测试：

<script type="text/javascript">
	$("#t3").click(function() {
		/* load(url,data,callback)
		 *	url:请求的对象
		 *	data:(可选) 发送的数据
		 *	callback（responseTxt，）：（可选）函数--包含
		 *			 *	responseTxt - 包含调用成功时的结果内容
		 *			 *	statusTXT - 包含调用的状态
		 *			 *	xhr - 包含 XMLHttpRequest 对象
		 *
		 */
		$.get("loadServlet", function(responseTxt, statusTxT, xhr) {
			alert(responseTxt);
		});
	});
</script>

结果:

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

在这里，虽然data依然是可选的，但是既然使用了post方法，肯定有数据提交

测试：

<script type="text/javascript">
	$("#t3").click(function() {
		/* load(url,data,callback)
		 *	url:请求的对象
		 *	data:(可选) 发送的数据
		 *	callback（responseTxt，）：（可选）函数--包含
		 *			 *	responseTxt - 包含调用成功时的结果内容
		 *			 *	statusTXT - 包含调用的状态
		 *			 *	xhr - 包含 XMLHttpRequest 对象
		 *
		 */
		$.post("loadServlet", {
			username : $("#t1").val(),
			psw : $("#t2").val()
		}, function(responseTxt, statusTxT, xhr) {
			alert(responseTxt);
		});
	});
</script>

结果：

jQuery里的ajax好用多了，以上说的，内容虽然少，但是处理一些简单的功能还是可以的，更深层次的知识，还是需要朋友们自己学习，本质搞懂了，学习起来就方便了