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学习笔记(八) js内置对象
Jun 19 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
JS实现简单的tab切换选项卡效果
Sep 21 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
Vue 封装防刷新考试倒计时组件的实现
Jun 05 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 Javascript
JavaScript数组 几个常用方法总结
Nov 11 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
PHP以及MYSQL日期比较方法
2012/11/29 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
SWFObject Flash js调用类
2008/07/08 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
javascript标准库(js的标准内置对象)总结
2018/05/26 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
微信小程序中weui用法解析
2019/10/21 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
python中的函数用法入门教程
2014/09/02 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
python 日期操作类代码
2018/05/05 Python
Python中property函数用法实例分析
2018/06/04 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
python 如何停止一个死循环的线程
2020/11/24 Python
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
党务公开方案
2014/05/06 职场文书
护士2015年终工作总结
2015/04/29 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS