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 相关文章推荐
js的一些常用方法小结
Jun 29 Javascript
防止文件缓存的js代码
Jan 10 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
微信小程序当前时间时段选择器插件使用方法详解
Dec 28 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
Feb 24 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
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
php 高效率写法 推荐
2010/02/21 PHP
php的memcached客户端memcached
2011/06/14 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
浅谈json_encode用法
2015/03/05 PHP
java script编程起步(第三课)
2007/01/10 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
js中url对象化管理分析
2017/12/29 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
Python正则表达式匹配ip地址实例
2014/10/09 Python
Python开发的实用计算器完整实例
2017/05/10 Python
python使用Tesseract库识别验证
2018/03/21 Python
python购物车程序简单代码
2018/04/18 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
python绘制雷达图实例讲解
2021/01/03 Python
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
自荐信格式的六要素
2013/09/21 职场文书
教师自我评价范文
2013/12/16 职场文书
韩国商务邀请函
2014/01/14 职场文书
党员批评与自我批评
2014/02/12 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
班子四风对照检查材料
2014/08/21 职场文书
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python