jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT
2014-07-24 13:51
399 查看
JQuery提供了一系列的全局方法对XMLHttpRequest对象进行了封装,在进行Ajax开发过程中再也不用担心浏览器客户端的不致性问题了。
一、$.ajax(options)
它是最根本的JQuery Ajax方法,它只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。
语法:
$.ajax({options});
url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。
type:(string)请求方式,POST或GET
data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:"grayworm",sex:"male"},如果是数组{works:["work1","work2"]}
dataType:(string)预期返回的数据类型。xml,html,json,text等
beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应<img>的可见。
function(XMLHttpRequest){ }
complete:(Function)请求调用完成后的回调函数(请求成功或失败时均调用),如果异步请求显示gif动画,那应当在这里设置相应的<img>不可见。
function(XMLHttpRequest,textStatus){
//textStatus是描述返回状态的字符串
}
success:(Function)请求执行成功时的回调函数
function(data,textStatus){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus是描述返回状态的字符串
}
error:(Function)请求执行失败时的回调函数
function(XMLHttpRequest,textStatus,errorThrown){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus,errorThrown是描述返回状态的信息
}
说明:
WebService请求类型都为Post,WebService的Url为“[WebServiceUrl]/[WebMethod]”
data要用Json的字符串格式传入
设置了dataType为json后,result就直接为返回的Json对象。
二、$.get()和$.post()
$.ajax()是最基本的Ajax方法,在JQuery中又提供了两个简捷的Ajax调用方法$.get()和$.post(),这两个方法实现了对$.ajax()的封装。有了$.ajax()的基础,下面两个方法学习起来就很简单了。
1.$.get()
语法:
$.get(url [,data] [,callback] [,type])
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等
2.$.post()
语法:
$.post(url [,data] [,callback] [,type])
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等
$.post()与$.get()很相似,只是数据参数传递方式不一样,这二者与传统的get/post提交方式相同。
一、$.ajax(options)
它是最根本的JQuery Ajax方法,它只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。
语法:
$.ajax({options});
url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。
type:(string)请求方式,POST或GET
data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:"grayworm",sex:"male"},如果是数组{works:["work1","work2"]}
dataType:(string)预期返回的数据类型。xml,html,json,text等
beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应<img>的可见。
function(XMLHttpRequest){ }
complete:(Function)请求调用完成后的回调函数(请求成功或失败时均调用),如果异步请求显示gif动画,那应当在这里设置相应的<img>不可见。
function(XMLHttpRequest,textStatus){
//textStatus是描述返回状态的字符串
}
success:(Function)请求执行成功时的回调函数
function(data,textStatus){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus是描述返回状态的字符串
}
error:(Function)请求执行失败时的回调函数
function(XMLHttpRequest,textStatus,errorThrown){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus,errorThrown是描述返回状态的信息
}
说明:
WebService请求类型都为Post,WebService的Url为“[WebServiceUrl]/[WebMethod]”
data要用Json的字符串格式传入
设置了dataType为json后,result就直接为返回的Json对象。
二、$.get()和$.post()
$.ajax()是最基本的Ajax方法,在JQuery中又提供了两个简捷的Ajax调用方法$.get()和$.post(),这两个方法实现了对$.ajax()的封装。有了$.ajax()的基础,下面两个方法学习起来就很简单了。
1.$.get()
语法:
$.get(url [,data] [,callback] [,type])
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等
2.$.post()
语法:
$.post(url [,data] [,callback] [,type])
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等
$.post()与$.get()很相似,只是数据参数传递方式不一样,这二者与传统的get/post提交方式相同。
相关文章推荐
- jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT
- jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT
- Spring MVC 返回 xml json pdf 数据的配置方法
- jquery ajax post方法获取json数据
- Java_HttpClient获取返回类型为JSON或XML的数据
- Jquery ajax方法解析返回的json数据
- JQuery调用webservice,返回的json数据和XML数据的处理方法
- jquery中ajax方法返回的三种数据类型:text、json、xml;
- Jquery ajax方法解析返回的json数据
- jquery ajax调用后台方法返回json数据转自http://www.cnblogs.com/xiaoxi/archive/2011/03/31/2000803.html
- 微信相关 -- 可以通过调用下面的方法 请求对应的url 获取微信服务器返回的json数据
- JQuery调用webservice,返回的json数据和XML数据的处理方法
- 初涉Ajax,以post或get方法发送数据,以json或xml形式接收服务器返回的请求
- 获取服务端页面JSON数据的JQUERY ajax方法定义
- 使用jquery Ajax的post方法或直接使用jqery ajax请求action 得到返回的json数据
- AFNetworking 2.0 获取json数据时,返回 NSLocalizedDescription=Request failed: unacceptable content-type: text/html, 解决方法.
- 【转】Jquery ajax方法解析返回的json数据
- Jquery Ajax--- get,post,ajax方法返回json数据
- Jquery ajax方法解析返回的json数据
- 使用前端使用jQuery获取 在apsx页面的page_load方法直接返回json数据