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 相关文章推荐
JavaScript中的Math.atan2()方法使用详解
Jun 15 Javascript
举例简介AngularJS的内部语言环境
Jun 17 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
Aug 03 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
JavaScript中七种流行的开源机器学习框架
Oct 11 Javascript
tracking.js页面人脸识别插件使用方法
Apr 16 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 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
农民C键的运用技巧
2020/03/04 星际争霸
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
PHP中session变量的销毁
2014/02/27 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
jQuery toggle()设置CSS样式
2009/11/05 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
python解析中国天气网的天气数据
2014/03/21 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
python+tkinter实现学生管理系统
2019/08/20 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
社区党员先进事迹
2014/01/22 职场文书
推荐信格式范文
2014/05/09 职场文书
英语专业自荐书
2014/06/13 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
话题作文之诚信
2019/11/28 职场文书
Spark SQL 2.4.8 操作 Dataframe的两种方式
2021/10/16 SQL Server
Vue3中的Refs和Ref详情
2021/11/11 Vue.js
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript