JQuery中ajax使用方法

Posted 2020-09-20 走-走

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

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

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

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

/*
*ajax校验验证码  小例子
*/
$.ajax({
url:"/您想要请求的servlet位置",//要请求的servlet
data:{method:"ajaxValidateVerifyCode", verifycode:value},//method是访问servlet中的ajaxValidateVerifyCode方法,verifycode给服务器的参数
type:"POST",//请求类型
dataType:"json",//返回数据格式:json/xml/html/text等等

async:false,//是否异步请求，如果是异步，那么不会等服务器返回，我们这个函数就向下运行了。
cache:false,//是否缓存
success:function(result)   //请求成功回调函数
{
if(!result)
{//如果校验失败
$("#"+id+"Error").text("验证码错误!");//展示验证码错误
return false;
}
}
});