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 相关文章推荐
重载toString实现JS HashMap分析
Mar 13 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
javaScript面向对象继承方法经典实现
Aug 20 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
微信小程序视图容器(swiper)组件创建轮播图
Jun 19 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
PHP count()函数讲解
2019/02/03 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
js cookies实现简单统计访问次数
2009/11/24 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
JS的千分位算法实现思路
2013/07/31 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
javascript实现图片轮播效果
2016/01/20 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
python实现音乐下载器
2018/04/15 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python自动生成model文件过程详解
2019/11/02 Python
python实现FTP循环上传文件
2020/03/20 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
python实现坦克大战
2020/04/24 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
如何提高JDBC的性能
2013/04/30 面试题
大学生四个方面的自我评价
2013/09/19 职场文书
党员承诺书范文
2014/05/19 职场文书
综艺节目策划方案
2014/06/13 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
地理科学专业自荐信
2014/09/01 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
Tomcat配置访问日志和线程数
2022/05/06 Servers