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 相关文章推荐
node.js中使用socket.io制作命名空间
Dec 15 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
小试小程序云开发(小结)
Jun 06 Javascript
javascript实现贪吃蛇小游戏
Jul 28 Javascript
js实现筛选功能
Nov 24 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
php不用正则采集速度探究总结
2008/03/24 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
Symfony2之session与cookie用法小结
2016/03/18 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
实例分析JS与Node.js中的事件循环
2017/12/12 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Python自定义类的数组排序实现代码
2016/08/28 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
深入了解NumPy 高级索引
2020/07/24 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
给分销商的致歉信
2014/01/14 职场文书
初三数学教学反思
2016/02/17 职场文书
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle