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 相关文章推荐
extjs 为某个事件设置拦截器
Jan 15 Javascript
jQuery之折叠面板的深入解析
Jun 19 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
js获取内联样式的方法
Jan 27 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 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创建session的方法实例详解
2015/01/27 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
js验证表单第二部分
2006/11/25 Javascript
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
jQuery+ajax实现无刷新级联菜单示例
2015/05/21 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
微信小程序生成海报分享朋友圈的实现方法
2019/05/06 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
python实现图片变亮或者变暗的方法
2015/06/01 Python
详解Python编程中包的概念与管理
2015/10/16 Python
在windows系统中实现python3安装lxml
2016/03/23 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
python实现kNN算法
2017/12/20 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
Python线程指南分享
2019/11/19 Python
Python字符串格式化输出代码实例
2019/11/22 Python
Django ModelForm操作及验证方式
2020/03/30 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
五好党支部事迹材料
2014/02/06 职场文书
消防安全员岗位职责
2014/03/10 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
有关信念的名言语录集锦
2019/12/06 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
Windows server 2012搭建FTP服务器
2022/04/29 Servers