热门关键字:
jquery > jquery教程 > jquery教程 > jQuery中的Ajax

jQuery中的Ajax

277
作者:管理员
发布时间:2021/2/4 11:29:26
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3825
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"







如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:layui弹出层layer的area
友荐云推荐