jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:
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很直观的获取返回值。

转载于:https://blog.51cto.com/katrina/144721

jQuery中的$.getJSON相关推荐

  1. jQuery中的$.getJSON、$.ajax、$.get、$.post的区别

    jQuery中的$.getJSON.$.ajax.$.get.$.post的区别 使用见Flask(python)异步(ajax)返回json格式数据 ①.$.getJSON $.getJSON()是 ...

  2. 使用jquery中的getJSON函数获取json文件中的内容并输出到页面上和使用 AJAX处理JSON文件

    html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  3. jQuery中getJSON跨域原理详解

    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp28 jQuery中getJSON跨域原理详解 前几天我再开发一个叫 河蟹工 ...

  4. 为您解惑:jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........

    jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求. 使用方法:$.getJSON( url [, data ] [, succes ...

  5. jQuery中读取json文件示例代码

    json文件是一种轻量级的数据交互格式.一般在jquery中使用getJSON()方法读取,具体示例代码如下,感兴趣的朋友可以参考下哈,希望可以帮助到你 json文件是一种轻量级的数据交互格式.一般在 ...

  6. 深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

    当我们用javascript写ajax程序写得很"开心"的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼 ...

  7. jquery getjson php,jquery中调用php json函数的方法分享

    PHP 5.2版本之后,默认增加了一组针对数据进行JSON互转的函数: json_encode :数据到JSON json_decode :JSON到PHP变量的转换 本文用一个实例讨论一下PHP 的 ...

  8. jquery中$.get(),$.post(),$.ajax(),$.getJSON()区别详解以及aja

    <span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif ...

  9. jQuery 中的 Ajax

    jQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript ...

最新文章

  1. 云计算与边缘计算协同发展的一些思考
  2. javascript 的面向对象特性参考
  3. Mycat安装与配置
  4. iPad,耳机,手机,电脑,都能用typec
  5. r语言清除变量_R语言(1)初识与数据结构
  6. 会签是什么意思_后宫为什么要争宠·六
  7. Java-Type简单分类
  8. fonts.googleapis.com加载过慢导致的项目启动过慢的问题
  9. Apache Sentry 第一弹:Server启动、连接Hue、分组详解
  10. 来看一下:构造函数的小秘密详解
  11. python : 自定义可迭代类,__iter__ ,__next__的作用
  12. wns服务器没有响应,如何使用 Windows 推送通知服务 (WNS) 进行验证(Windows 运行时应用)...
  13. YYAsyncLayer 源码剖析:异步绘制
  14. fMRI数据分析处理原理及方法
  15. [Linux]正则表达式和grep使用
  16. 电脑 变速 java游戏_极品飞车-变速FX版
  17. 笨方法刷博客_C实现
  18. Python:6-1 水仙数的统计1 (4分)
  19. 对四元数解算姿态的理解
  20. Python中文社区征稿,最高1000元/篇!

热门文章

  1. 干货丨一文带你玩转机器学习和深度学习
  2. 神经网络完成芯片设计仅需几小时
  3. 前沿|《细胞》:绕过眼睛植入幻觉,科学家成功在盲人脑海中呈现指定图像!...
  4. 【工业智能】人工智能真的无所不能吗?
  5. 塔勒布: 2019-nCoV的系统风险:一份笔记
  6. 师生脑信息传递的证据:部分学习还是整体学习?
  7. 专栏 | 李航教授展望自然语言对话领域:现状与未来
  8. 乔布斯曾带头反对 iPhone 第三方 App!由苹果反垄断案披露的那些往事
  9. 壕!阿里开工红包惊人,最高 1000 万,有人却只收到一杯白开水
  10. 又是华为!名校的差距太扎心!清华 2020 年毕业生就业质量报告出炉