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 replace 与replaceall实例用法详解
Aug 03 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
May 22 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
基于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开发规范手册之PHP代码规范详解
2011/01/13 PHP
PHP学习之正则表达式
2011/04/17 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php控制文件下载速度的方法
2015/03/24 PHP
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
python中的内置函数getattr()介绍及示例
2014/07/20 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
Python3正则匹配re.split,re.finditer及re.findall函数用法详解
2018/06/11 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
python中可以声明变量类型吗
2020/06/18 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
外贸销售员求职的自我评价
2013/11/23 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
退休欢送会致辞
2015/07/31 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技