JQuery中ajax使用方法

zou-zou 2021-08-05 原文

AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

JQuery中的ajax相比于原生的AJAX五个步骤,JQuery中的ajax()就显的比较方便,简单实用。

JQuery中的ajax()可以访问服务器中方法获得自己想要的参数值。

 1 /*
 2 *ajax校验验证码  小例子
 3 */
 4 $.ajax({
 5 　　url:"/您想要请求的servlet位置",//要请求的servlet
 6 　　data:{method:"ajaxValidateVerifyCode", verifycode:value},//method是访问servlet中的ajaxValidateVerifyCode方法,verifycode给服务器的参数
 7 　　type:"POST",//请求类型
 8 　　dataType:"json",//返回数据格式:json/xml/html/text等等
 9 
10 　　async:false,//是否异步请求，如果是异步，那么不会等服务器返回，我们这个函数就向下运行了。
11 　　cache:false,//是否缓存
12 　　success:function(result)   //请求成功回调函数
13 　　{
14 　　　　if(!result)
15 　　　　　　{
16 
17 　　　　　　　　//如果校验失败
18 　　　　　　　　$("#"+id+"Error").text("验证码错误!");//展示验证码错误
19 　　　　　　　　return false;
20 　　　　　　}
21 　　}　　
22 });
23 
24