jquery的ajax异步请求接收返回json数据实例


Posted in Javascript onJune 16, 2014

jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。

代码示例如下:

$('#send').click(function () {

    $.ajax({

        type : "GET",

        url : "a.php",

        dataType : "jsonp",

        success : function (data) {

            $.each(data.items, function (i, item) {

                $("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");

                if (i == 3) {

                    return false;

                }

            });

        }

    });

});

$.ajax方法如下:

$.ajax({ 

   type: "POST",

   url:  ctxRoot+'FolderAction!saveInformSetting.action',

   data: 'jsonStr=' + inform_settingListStr,

   dataType: "json",

   complete: function(data){

       //在这里做些事情,假设返回的json数据里有name这个属性

       //有时候可以直接data.name或者data['name']去访问

       //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success

   }

   });

$.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>的可见。

Javascript 相关文章推荐
JavaScript Sort 表格排序
Oct 31 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
May 04 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
JS图片懒加载的优点及实现原理
Jan 10 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
Javascript判断图片尺寸大小实例分析
Jun 16 #Javascript
javascript进行数组追加方法小结
Jun 16 #Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 #Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 #Javascript
js限制文本框只能输入数字方法小结
Jun 16 #Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 #Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 #Javascript
You might like
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
php7性能提升的原因详解
2019/10/13 PHP
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
2017/06/21 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
Python代码实现KNN算法
2017/12/20 Python
python2.7无法使用pip的解决方法(安装easy_install)
2018/04/03 Python
django初始化数据库的实例
2018/05/27 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
Python字典底层实现原理详解
2019/12/18 Python
django 实现简单的插入视频
2020/04/07 Python
了解一下python内建模块collections
2020/09/07 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
公务员转正鉴定材料
2014/02/11 职场文书
行政助理工作职责范本
2014/03/04 职场文书
幼儿园开学寄语
2014/04/03 职场文书
世界读书日的活动方案
2014/08/20 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
贪污检举信范文
2015/03/02 职场文书
结婚典礼主持词
2015/06/29 职场文书
导游词之井冈山
2019/11/20 职场文书
MySQL令人咋舌的隐式转换
2021/04/05 MySQL
JS中一些高效的魔法运算符总结
2021/05/06 Javascript
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android