jQuery中的ajax:
jQuery中发送ajax请求的方法:
1)以get方式请求:
$.get()方法:
参数说明(4个):
第一个:表示要请求的url。
注意:第一个参数为必填参数,其它参数为可选参数。
第二个:一个对象,这个对象的属性就是调用服务端方法时要传入的参数。
注意:也可以把参数直接添加到url的后面。
第三个:异步交互成功之后调用的回调函数。回调函数的参数值为服务端的响应信息。
第四个:服务端响应信息返回的内容格式,如text、xml、html、json、script、jsonp等
例子:
$.get("xxxServlet", {name:"jack", age:"17"}, function(data){
alert(data);
// data为返回的数据
});
注意:
get()方法能够在请求成功时调用回调函数。如果需要在出错时执行函数,则必须使用$.ajax()方法。
$.getJSON()方法和$.getScript()方法
参数说明(3个):
第一个:表示要请求的url。
注意:第一个参数为必填参数,其它参数为可选参数。
第二个:一个对象,这个对象的属性就是调用服务端方法时要传入的参数。
注意:也可以把参数直接添加到url的后面。
第三个:异步交互成功之后调用的回调函数。回调函数的参数值为服务端的响应信息。
说明:这两个方法的功能和用法与get()方法是完全相同的,不同的是:getJSON()方法能够请求载入JSON数据,getScript()方法能够请求载入JavaScript文件,而无需指定响应数据的类型。
2)以post方式请求:
$.post()方法:
参数说明(4个):
第一个:表示要请求的url。
注意:第一个参数为必填参数,其它参数为可选参数。
第二个:一个对象,这个对象的属性就是调用服务端方法时要传入的参数。
第三个:异步交互成功之后调用的回调函数。回调函数的参数值为服务端的响应信息。
第四个:服务端响应信息返回的内容格式,如text、xml、html、json、script、jsonp等
例子:
$.post("xxxServlet", {name:"jack", age:"17"}, function(data){
alert(data);
// data为返回的数据
});
说明:$.get()方法和$.post()方法都是一种简单的请求方式,对于特殊的数据请求和响应处理,应该使用$.ajax()方法。
3)$.ajax()方法:
说明:$.ajax()方法是jQuery实现ajax的底层方法,也就是说,$.ajax()方法是$.get()方法和$.post()方法的基础。
参数说明(1个):
$.ajax()方法只有一个参数,这个参数是一个对象,这个对象的属性包含了:要请求的url、请求的方式、调用服务端方法时要传入的参数、请求成功后的回调函数、响应数据的类型等信息。
这个对象的部分属性(类型)说明:
url(String):
发送请求的地址,默认为当前页面的地址。
type(String):
请求方式,默认为"GET"。
data(Object/String):
发送到服务器的数据,必须为键值对的格式,同时自动转换为字符串的格式。
success(Function):
请求成功后的回调函数,函数的参数由服务器返回。
error(Function):
请求失败后的回调函数,该函数包含三个参数:XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。
dataType(String):
指定服务器返回数据的类型,eg:text、xml、html、json、script、jsonp等。
注:如果不指定,jQuery会根据HTTP包含的MIME信息返回responseXML或responseText,并作为回调函数参数传递。
xhr(Function):
返回一个XMLHttpRequest对象(IE下默认是ActiveXObject),用于重写或提供一个增强的XMLHttpRequest对象。
complete(Function):请求完成后的回调函数(请求成功和失败时都调用)。该函数包含两个参数:一个XMLHttpRequest对象和一个描述成功请求类型的字符串。
async(Boolean):
设置是否异步请求,默认为true
jsonp(String):
在一个jsonp请求中重写回调函数的名字。
contentType(String):向服务器发送数据的类型,默认为"application/x-www-form-urlencoded"
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery