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 相关文章推荐
javascript replace()正则替换实现代码
Feb 26 Javascript
用JQuery在网页中实现分隔条功能的代码
Aug 09 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
Jquery性能优化详解
May 15 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
jQuery插件之validation插件
Mar 29 jQuery
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
CountUp.js实现数字滚动增值效果
Oct 17 Javascript
JavaScript语句错误throw、try及catch实例解析
Aug 18 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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
php ss7.5的数据调用 (笔记)
2010/03/08 PHP
php类常量用法实例分析
2015/07/09 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
2017/01/19 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
Python实时获取cmd的输出
2015/12/13 Python
Python部署web开发程序的几种方法
2017/05/05 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
化工工艺专业求职信
2013/09/22 职场文书
机械设计毕业生自荐信
2014/02/02 职场文书
委托协议书范本
2014/04/22 职场文书
求职导师推荐信范文
2015/03/27 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js