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 相关文章推荐
可选择和输入的下拉列表框示例
Nov 05 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
日常收藏的jquery技巧
Dec 02 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
jquery实现表单获取短信验证码代码
Mar 13 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
javascript实现异形滚动轮播
Nov 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
关于文本留言本的分页代码
2006/10/09 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
js获取多个tagname的节点数组
2013/09/22 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
详解Vue中状态管理Vuex
2017/05/11 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
Python实现配置文件备份的方法
2015/07/30 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python实现基于TCP UDP协议的IPv4 IPv6模式客户端和服务端功能示例
2018/03/22 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
对Python 内建函数和保留字详解
2018/10/15 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
pytorch forward两个参数实例
2020/01/17 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
Python实现粒子群算法的示例
2021/02/14 Python
新闻记者实习自我鉴定
2013/09/19 职场文书
数控专业个人求职信范例
2013/11/29 职场文书
《燕子专列》教学反思
2014/02/21 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书