zoukankan      html  css  js  c++  java
  • jQuery.getJSON()方法小记

    今天看了下jQquery中的getJSON()方法,做点小结:

    原型:

    jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

    This is a shorthand Ajax function, which is equivalent to
    官网解释:意思是$.getJSON是Ajax方法的简写,等价于下面的写法:
    $.ajax({
    dataType: "json",
    url: url,
    data: data,
    success: success
    });
    由于我刚学jQuery,所以下面的写法也不甚理解。没关系,这不影响我照葫芦画瓢。
    上面可以看出,url和seccess function是必须的,[data]是可选的,刚入门,就来个简单的。
    首先新建一个ajax.php文件
    <html>
    <head>
     <!--   引入jQuery -->
     <script src="jquery-1.10.1.js" type="text/javascript"></script>
     <script type="text/javascript">
     
    $(document).ready(function() {
        $("#sent").click(function() {
            $.getJSON('ajax_json.php', function(data){
                $.each(data, function(key, value) {
                    $("#get_content").append(key + ':' + value + '<br/>');
                })
            });
        });
    });
    
      </script>
    </head>
    <body>
    <button id="sent">Ajax</button>
    <div id="get_content"></div>
    </body>
    </html>

    上面的文件是获取 ajax_json.php 文件中的json数据, ajax_json.php很简单,主要是json数据(这里顺便学习了json_encoe()函数)如下:

    <?php
    $arr = array('name' => 'hui314', 'sex' => 'man');
    echo json_encode($arr);

    当点击id=“sent”这个button,id=“get_content”的div就会显示得到的json数据:

    name:chen
    sex:man

    很简单:)

     
  • 相关阅读:
    网络流24题之圆桌问题
    BZOJ 4276: [ONTAK2015]Bajtman i Okrągły Robin
    网络流24题航空路线问题
    BZOJ1038 瞭望塔
    BZOJ4029 HEOI2015定价
    BZOJ1226 SDOI2009学校食堂
    网络流24题之魔术球问题
    网络流24题之最小路径覆盖问题
    【BZOJ1098】[POI2007]办公楼biu
    BZOJ3065 带插入区间K小值
  • 原文地址:https://www.cnblogs.com/hui314/p/jQuery_getJSON.html
Copyright © 2011-2022 走看看