使用jQuery提供的函数实现Ajax请求处理,代替直接使用XMLHttpRequest,但是jQuery实际使用的是异步对象。
2.8.1 $ .ajax()核心的函数
语法:$.ajax({json格式的参数})
json格式的参数:key是定义好的,需要开发人员给key赋值。这些key是用来表示ajax请求必须的参数;
例如:请求url地址,是不是异步请求,请求方式等等。
三个参数:
URL:服务器地址。
type:表示请求方式,get,post。默认是get。这个值不区分大小写。
data:表示提交的请求参数。可以是string,数组,json类型的。推荐使用json格式。
例如:data:{“name”:“李四”,“age”:20}
jquery在发送请求时,会把json中的key作为请求的参数使用,key对应的值作为参数数据。
转为的结果:http://localhost:8080/myweb/queryProvinceServlet?name=李四&age=20
其他参数
datatype:数据格式,可以是html,text,xml,json等等。表示发起请求后,希望服务器端放回的数据格式jquery可以是尝试使用对于格式处理返回数据,比如你指定了datatype:json,表示你希望返回json格式数据。然后jquery把json数据转为json对象。
服务器代码可以获取datatype的内容。
success:函数function。当当服务器端返回数据,jquery处理完数据后,执行这个函数。等于异步对象的readyState==4$$status=200的情况
error:function(),当请求错误时,执行这个函数。
contentType:表示请求参数数据格式。例如application/json,可以不写。
async:是一个boolean表示请求同步还是异步的。true时异步,默认时true;false同步的;
举个栗子:
$.ajax(
{
url:"queryProvinceServlet",
type:"get",
data:{"name":"李四","age":22},
dataType:"json",
success:function(resp){
开发人员获取数据,更新dom对象
},
error:function(){alert("请求错误")}
}
)
url,success必用
2.8.2 $.get()
$.get()这个函数就是执行get请求方式的ajax
语法: $.get(url,请求参数,success函数,dataType)
例如:
$.get("queryName",{"proid":1},function(resp){获取省份名称},"text")
2.8.3 $.post()
$.post()这个函数就是执行post请求方式的ajax
语法: $.post(url,请求参数,success函数,dataType)
例如:
$.post("queryName",{"proid":1},function(resp){获取省份名称},"text")