首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

2013-06-26 
jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT《图3》JQuery代码:《图1》2.向页面发出请求,返回Json格式数

jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT


《图3》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图1》

2.向页面发出请求,返回Json格式数据
页面端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图4》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图2》

3.向WebService发出请求,无参返回简单类型异步调用
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图5》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图6》

4.向WebService发出请求,有参返回简单类型异就调用
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图7》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图8》

5.向WebService发出请求,返回实体对象的异步调用
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图9》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图10》

6.向WebService发出请求,返回集合对象的异步调用
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图11》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图12》

说明:
??????? WebService请求类型都为Post,WebService的Url为“[WebServiceUrl]/[WebMethod]”
??????? data要用Json的字符串格式传入
??????? 设置了dataType为json后,result就直接为返回的Json对象。


$.ajax()是最基本的Ajax方法,在JQuery中又提供了两个简捷的Ajax调用方法$.get()和$.post(),这两个方法实现了对$.ajax()的封装。有了$.ajax()的基础,下面两个方法学习起来就很简单了。

语法:
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等


语法:
url:(string)请求的HTML页的URL地址
data:(object)发送到服务器的数据,以key/value对形式书写,如:{name:"张三",age:"18"}
callback:(function)回调函数,只有返回的状态是success时才调用该方法。
type:(string)服务端返回的内容的格式。xml,html,json,text等

$.post()与$.get()很相似,只是数据参数传递方式不一样,这二者与传统的get/post提交方式相同。


1.$.get()和$.post()向页面发送异步请求,返回XML数据
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图3》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图13》

2.$.get()和$.post()向页面发送异步请求,返回json数据
服务端代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图4》
JQuery代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图14》
3.$.get()和$.post()向WebService发送异步请求
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图15》:


如果页面表单元素比较多,在发出ajax请求的时候需要将表单中所有的元素一起发送到服务端,如果还是使用key/value对形式的json语法传递参数的话,那需要在$.get()或$.post()中手写很长的json参数。
在JQuery中为我们提供了序列化的方式来解决这个问题,序列化的方法是serialize()
示例代码:
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

《图16》
jquery Ajax 步骤返回数据的获取,包括JSON,XML,TXT

?

#Jquery

?原文链接:http://hi.baidu.com/zhangfei6263/item/39115b247c75553495f62bf8

热点排行