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中使用jQuery的做法
Aug 17 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
AngularJS入门教程之MVC架构实例分析
Nov 01 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
Vue动态组件实例解析
Aug 20 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
vue实现登录拦截
Jun 29 Javascript
js+css3实现炫酷时钟
Aug 18 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根据IP地址获取所在城市具体实现
2013/11/27 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
PHP多种序列化/反序列化的方法详解
2017/06/23 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
[00:57]英雄,你的补给到了!
2020/11/13 DOTA
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
Pytorch入门之mnist分类实例
2018/04/14 Python
Python之用户输入的实例
2018/06/22 Python
python3 深浅copy对比详解
2019/08/12 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
python实现学生成绩测评系统
2020/06/22 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
幼儿园英语教学反思
2014/01/30 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
档案信息化建设方案
2014/05/16 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
医学求职信
2014/05/28 职场文书
服务理念口号
2014/06/11 职场文书
收费员岗位职责
2015/02/14 职场文书
网络营销实训总结
2015/08/03 职场文书
入团申请书格式
2019/06/20 职场文书
Python Django项目和应用的创建详解
2021/11/27 Python
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技