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 相关文章推荐
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
浅析vue数据绑定
Jan 17 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
vue实现PC端分辨率适配操作
Aug 03 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 定界符格式引起的错误
2011/05/24 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
python逐行读取文件内容的三种方法
2014/01/20 Python
Python实现遍历数据库并获取key的值
2015/05/17 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
python issubclass 和 isinstance函数
2019/07/25 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
教师绩效工资方案
2014/02/01 职场文书
测试工程师职业规划书
2014/02/06 职场文书
婚前财产公证书
2014/04/10 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
超级实用的公文标题大全!
2019/07/19 职场文书