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+css实现回到顶部按钮(back to top)
Mar 02 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
JQuery学习总结【二】
Dec 01 Javascript
Vue-resource实现ajax请求和跨域请求示例
Feb 23 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 Javascript
微信小程序轮播图swiper代码详解
Dec 01 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中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
php字符串操作常见问题小结
2016/10/11 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
2013/07/08 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
js实现收缩菜单效果实例代码
2013/10/30 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
Python操作列表的常用方法分享
2014/02/13 Python
python之Character string(实例讲解)
2017/09/25 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
Python使用configparser库读取配置文件
2020/02/22 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
python如何实现word批量转HTML
2020/09/30 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
.NET面试10题
2014/02/24 面试题
园林技术个人的自我评价
2014/02/15 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
英文升职感谢信
2015/01/23 职场文书
考研导师推荐信范文
2015/03/27 职场文书
高中美术教学反思
2016/02/17 职场文书