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得到网页中所有的div的id
Oct 19 Javascript
JavaScript中实现块作用域的方法
Apr 01 Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
微信小程序 欢迎页面的制作(源码下载)
Jan 09 Javascript
浅析js实现网页截图的两种方式
Nov 01 Javascript
JS实现纵向轮播图(初级版)
Jan 18 Javascript
js判断密码强度的方法
Mar 18 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
Mar 02 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
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静态调用非静态方法的应用分析
2013/05/02 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
PHP基本语法实例总结
2016/09/09 PHP
VBScript版代码高亮
2006/06/26 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
VSCode 配置uni-app的方法
2020/07/11 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
Python的动态重新封装的教程
2015/04/11 Python
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
工程监理应届生求职信
2013/11/09 职场文书
新书吧创业计划书
2014/01/31 职场文书
运动会领导邀请函
2014/02/05 职场文书
黄河象教学反思
2014/02/10 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
个人租房协议书
2014/04/09 职场文书
团结演讲稿范文
2014/05/23 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
暑期社会实践证明书
2014/11/17 职场文书
大班下学期个人总结
2015/02/13 职场文书
网络舆情信息简报
2015/07/21 职场文书
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
一级电子管军用接收机测评
2022/04/05 无线电