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 parseInt(&quot;08&quot;)未指定进位制问题
Jun 19 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
正则表达式优化JSON字符串的技巧
Dec 24 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
vue store之状态管理模式的详细介绍
Jun 13 Javascript
node.js制作一个简单的登录拦截器
Feb 10 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 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获取地址栏信息的代码
2008/10/08 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
web前端开发也需要日志
2010/12/09 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
2020/02/12 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
Python最长公共子串算法实例
2015/03/07 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
基于python生成器封装的协程类
2019/03/20 Python
关于python多重赋值的小问题
2019/04/17 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
违纪检讨书2000字
2014/02/08 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
俄语专业职业生涯规划
2014/02/26 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
向国旗敬礼学生寄语大全
2014/09/30 职场文书
钳工实训报告总结
2014/11/04 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书