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 相关文章推荐
jQuery的运行机制和设计理念分析
Apr 05 Javascript
javascript 表格内容排序 简单操作示例代码
Jan 03 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
vue.js中ref及$refs的使用方法解析
Oct 08 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 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 程式大小
2006/12/06 PHP
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
nginx 设置多个站跨域
2021/03/09 Servers
Javascript 读后台cookie代码
2008/09/15 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
浅谈Python的异常处理
2016/06/19 Python
Django的分页器实例(paginator)
2017/12/01 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
使用tensorflow根据输入更改tensor shape
2020/06/23 Python
10行Python代码实现Web自动化管控的示例代码
2020/08/14 Python
python实现画图工具
2020/08/27 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
电大自我鉴定范文
2013/10/01 职场文书
如何客观的进行自我评价
2013/12/17 职场文书
土建资料员岗位职责
2014/01/04 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python