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 相关文章推荐
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
Oct 18 Javascript
浅谈javascript的url参数parse和build函数
Mar 04 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
Jul 18 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
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中使用Oracle数据库(3)
2006/10/09 PHP
收集的php编写大型网站问题集
2007/03/06 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
php实现购物车功能(下)
2016/01/05 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
jQuery.extend 函数的详细用法
2012/06/27 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
vue获取dom元素注意事项
2017/12/28 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
2019/01/09 jQuery
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
python正则表达式match和search用法实例
2015/03/26 Python
python中私有函数调用方法解密
2016/04/29 Python
python使用selenium实现批量文件下载
2019/03/11 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
Python编写单元测试代码实例
2020/09/10 Python
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
代码中finally中的代码会不会执行
2012/02/06 面试题
应届毕业生求职自荐书
2014/01/03 职场文书
50岁生日感言
2014/01/23 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
研讨会通知
2015/04/27 职场文书
MySQL实现配置主从复制项目实践
2022/03/31 MySQL
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers