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全部源代码
May 04 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
多个js与css文件的合并方法详细说明
Dec 26 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
原生js实现移动端瀑布流式代码示例
Dec 18 Javascript
javascript每日必学之条件分支
Feb 17 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
vue 组件中slot插口的具体用法
Apr 03 Javascript
微信小程序开发背景图显示功能
Aug 08 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
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
php 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
js资料prototype 属性
2007/03/13 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
Python pymongo模块常用操作分析
2018/09/01 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
Python 进程之间共享数据(全局变量)的方法
2019/07/16 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
新年抽奖获奖感言
2014/03/02 职场文书
《去年的树》教学反思
2014/04/11 职场文书
协议书与合同的区别
2014/04/18 职场文书
文秘班元旦晚会活动策划方案
2014/08/28 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电