JQuery实现Ajax的方法
除了$.ajax()方法外,JQuery还提供了其他多种更简单的Ajax实现方法,如 $.get(), $.post(). $.getJSON(),对象.load()等方法。
$.get()方法和 $.post()方法
$.get()方法
$.get()方法是jQuery封装的发送HTTP GET请求从服务器加载数据的Ajax方法,具体语法如下。
语法:
$.get(url[,data][,success][,dataType]);
该方法的详细如下:
参数 | 类型 | 说明 |
---|---|---|
url | String | 必选,规定将请求发送到哪个URL |
data | PlainOBject 或 String | 可选,规定连同请求发送到服务器的数据 |
success | Function(PlainObject data,String textStatus,jqXHR jqxhr) | 可选,请求成功后调用的参数,参数data可选:可选,服务器返回的结果数参数textStatus :可选,描述请求状态的字符串 参数:jqxhr:可选,jqXHR 是XMLHttpRequest 的超集,如果指定了dataType,则必须提供此参数。如果没有事情需要处理,可以使用null 或jQuery.noop()空方法占位符 |
dataType | String | 可选,预期服务器返回的数据类型,可用类型有XML,HTML,SCRIPT,JSON,JSONP,Text |
了解$.get()方法的常用参数,接下来就以实现用户名验证功能为例,对比 $.ajax()方法,使用 $.get()方法实现Ajax异步验证用户名。
$(document).ready(function(){
$("#name").blur(function(){
//用户名文本框失去焦点事件
var name=this.value;
if(name==null||name==""){
$("#nameDiv").html("用户名不能为空");
}else{
$.get("userServlet","name="+name,callBack);//发送请求 callBack不能省