• 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • “2018-雷霆”专项行动破获百余起台湾间谍案 2018-10-09
  • 朝韩首脑今起在平壤会晤 “金文会”将聚焦三大议题 2018-10-09
  • 2018顺义啤酒节--北京频道--人民网 2018-10-08
  • 台湾遭遇的“断交潮”有无化解之道? 2018-10-08
  • 习近平会见爱沙尼亚总统卡柳莱德 2018-10-08
  • 中国空间站研制建设正有序开展 坚持和平利用 2018-10-07
  • jquery getJSON ($.getJSON) 事件用法与分析

    栏目: 编程语言 发布于: 2014-05-03 16:38:24

    jQuery中常用getJSON来通过 HTTP GET 请求载入 JSON 数据,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:

    jQuery.getJSON( url, [data], [callback] )  跨域加载JSON数据。

    url: 必需。规定将请求发送的哪个 URL
    data : 可选。规定连同请求发送到服务器的数据
    callback: (可选) 载入成功时的回调函数

    该函数是简写的 Ajax 函数,等价于:

    $.ajax({
      url: url,
      data: data,
      success: callback,
      dataType: json
    });

    注意:该函数以后的代码将在这个回调函数执行前执行。
     
    下面通过一个简单示例说明:

    (1)定义的服务器脚本文件(返回JSON数据)http://www.rocksun.cn/test.php 源代码如下:

    <?php
    $jarr='';
    if($_GET['userid']==23&&$_GET['username']=='phpernote'){
    	$arr=array("name"=>"php程序员教程网", "url"=>'http://www.rocksun.cn/');
    	$jarr=json_encode($arr);
    }
    echo $jarr;

    注意两点:

    第一:在返回客户端之前,先用PHP函数json_encode将要返回的数据进行编码。

    第二:返回到客户端用的是echo,而不是return。
     
    下面是核心的客户端代码:

    <script language="javascript" type="text/javascript" src="http://www.rocksun.cn/js/jquery.js"></script> 
    <script language="javascript" type="text/javascript"> 
    function getJSON(){
    	$.getJSON("http://www.rocksun.cn/test.php", {userid:'23',username:'phpernote'}, function(response){
    	alert(response.url);
    });
    }
    </script>
     
    <input type="button" name="btn" id="btn" value="test" onClick="javascript:getJSON();"/>

    由于在PHP中是用JSON编码返回值,所以此处必须用getJSON去调用PHP文件,从而获取数据。同时可以注意到,经由getJSON得到的数据已经变成了一个对象数组,可以直接使用 response.name,response.url 获取返回值。

    您可能感兴趣的文章

    • jquery get ($.get) 事件用法与分析
    • jquery load ($.load) 事件用法与分析
    • jquery live change事件在IE下失效的解决方法
    • js setInterval和setTimeout用法分析
    • jQuery向动态生成的内容添加事件响应(jquery live方法简介)
    • select into from 和 insert into select 的区别和用法
    • setTimeout不支持$(this)等其他jquery选择器的解决办法
    • PHP中return 和 exit 、break和contiue 区别与用法
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:jquery getJSON ($.getJSON) 事件用法与分析
    IT技术书籍推荐:
    算法导论(原书第3版)
    算法导论(原书第3版)
    Thomas H.Cormen (作者), Charles E.Leiserson (作者), Ronald L.Rivest (作者), Clifford Stein (作者), 殷建平 (译者), 徐云 (译者), 王刚 (译者), 等 (译者)
    《算法导论(原书第3版)》内容简介:在有关算法的书中,有一些叙述非常严谨,但不够全面;另一些涉及了大量的题材,但又缺乏严谨性?!端惴ǖ悸?原书第3版)》将严谨性和全面性融为一体,深入讨论各类算法,并着力使这些算法的设计和分析能为各个层次的读者接受。全书各章自成体系,可以作为独立的学习单元;算法以英语和伪代码的形式描述,具备初步程序设计经验的人就能看懂;说明和解释力求浅显易懂,不失深度和数学严谨性。全书选材经典、内容丰富、结构合理、逻辑清晰,对本科生的数据结构课程和研究生的算法课程都是非常实用的教材,在IT专业人员的职业生涯中,《算法导论(原书第3版)》也是一本案头必备的参考书或工程实践手册。