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