AJAX---jQuery的相关使用(二)

前端之家收集整理的这篇文章主要介绍了AJAX---jQuery的相关使用(二)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

HTTP 请求:GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
 
 
    @H_301_8@GET- 从指定的资源请求数据
    @H_301_8@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,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好用多了,以上说的,内容虽然少,但是处理一些简单的功能还是可以的,更深层次的知识,还是需要朋友们自己学习,本质搞懂了,学习起来就方便了

原文链接:https://www.f2er.com/ajax/164446.html

猜你在找的Ajax相关文章