jQuery中的Ajax

来源:互联网 发布:大数据培训骗局 编辑:程序博客网 时间:2024/06/07 14:14
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):设置是否异步请求,默认为truejsonp(String):在一个jsonp请求中重写回调函数的名字。contentType(String):向服务器发送数据的类型,默认为"application/x-www-form-urlencoded"

0 0
原创粉丝点击