JQuery中的$.getJSON 使用说明


Posted in Javascript onMarch 10, 2011

原型如下:
jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。
url: 发送请求的地址
data : (可选) 待发送key/value参数
callback: (可选) 载入成功时的回调函数
主要用于客户端获取服务器JSON数据。简单示例:
服务器脚本,返回JSON数据:
$.getJSON.php
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意两点:
第一:在返回客户端之前,先用PHP函数json_encode将要返回的数据进行编码。
第二:返回到客户端用的是echo,而不是return。
下面是核心的客户端代码:
$.getJSON.html

<script language="javascript" type="text/javascript" src="./js/jquery.js"></script> 
<script language="javascript" type="text/javascript"> 
function getjs() 
{ 
$.getJSON("$.getJSON.php", {}, function(response){ 
alert(response.age); 
}); 
} 
<input type="button" name="btn" id="btn" value="test" onClick="javascript:getjs();"/>

注意一点:
由于在PHP中是用JSON编码返回值,所以此处必须用getJSON去调用PHP文件,从而获取数据。同时可以注意到,经由getJSON得到的数据已经变成了一个对象数组,可以用response.name,response.age很直观的获取返回值。
Javascript 相关文章推荐
dojo学习第二天 ajax异步请求之绑定列表
Aug 29 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
Dec 23 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
Vue2 模板template的四种写法总结
Feb 23 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
基于jquery的地址栏射击游戏代码
Mar 10 #Javascript
基于jquery的无缝循环新闻列表插件
Mar 07 #Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 #Javascript
jQuery总体架构的理解分析
Mar 07 #Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 #Javascript
js中将具有数字属性名的对象转换为数组
Mar 06 #Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 #Javascript
You might like
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP中“=&gt;
2019/03/01 PHP
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
jQuery之排序组件的深入解析
2013/06/19 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python 序列的方法总结
2016/10/18 Python
wxPython的安装与使用教程
2018/08/31 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
详解python程序中的多任务
2020/09/16 Python
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
毕业生的求职信范文分享
2013/12/04 职场文书
领导干部考察材料
2014/02/08 职场文书
《尊严》教学反思
2014/02/11 职场文书
市场营销调查计划书
2014/05/02 职场文书
感恩教育月活动总结
2014/07/07 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书
2019最新版火锅店的创业计划书 !
2019/07/12 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
我去timi了,一起去timi是什么意思?
2022/04/13 杂记