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参数是请求成功后所执行的函数名。

测试：

<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,249)"> 可选的data参数规定连同请求发送的数据。

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

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

测试：

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

结果：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!