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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
简单实用的全选反选按钮例子
Oct 18 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
Vue2.0系列之过滤器的使用
Mar 01 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
Dec 01 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 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
模拟xcopy的函数
2006/10/09 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
javascript 函数速查表
2010/02/07 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
用Python解决计数原理问题的方法
2016/08/04 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
对python3 一组数值的归一化处理方法详解
2018/07/11 Python
python 实现UTC时间加减的方法
2018/12/31 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
python树的同构学习笔记
2019/09/14 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
信息技术专业个人自我评价
2013/12/11 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
2014年项目工作总结
2014/11/24 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
小学运动会前导词
2015/07/20 职场文书