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 相关文章推荐
特殊字符、常规符号及其代码对照表
Jun 26 Javascript
JS 常用校验函数
Mar 26 Javascript
理解Javascript_13_执行模型详解
Oct 20 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
Ajax清除浏览器js、css、图片缓存的方法
Aug 06 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 30 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
PHP抽象类 介绍
2012/06/13 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
python黑魔法之参数传递
2016/02/12 Python
Python通过RabbitMQ服务器实现交换机功能的实例教程
2016/06/29 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
Python线程threading模块用法详解
2020/02/26 Python
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
员工安全生产责任书
2014/07/22 职场文书
2014年团支书工作总结
2014/11/14 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
请客吃饭开场白
2015/06/01 职场文书
送给客户微信问候语!
2019/07/04 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
Redis6.0搭建集群Redis-cluster的方法
2021/05/08 Redis
Spring整合Mybatis的全过程
2021/06/28 Java/Android
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技