首页 > 代码库 > JQuery中的$.getJSON( )

JQuery中的$.getJSON( )

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求。使用方法如下:
$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
url是必选参数,表示json数据的地址;
data是可选参数,用于请求数据时发送数据参数;
success是可参数,这是一个回调函数,用于处理请求到的数据。
       获取json数据举例:
<script type="text/javascript">$.getJSON(test.json, function(data){for (var i = 0; i < data.rows.length; i++) {$(#test).append(<p> + data.rows[i].realName + </p>);}});</script>
 $(document).ready(function () {            //发送ajax请求            $.getJSON("api/products/",            function (data) {                // 返回值, ‘data‘ 包含一列  products.                $.each(data, function (key, val) {                    // 拼接.                    var str = val.Name + : $ + val.Price;                    // 添加到li里面 product.                    $(<li/>, { text: str })                    .appendTo($(#products));                });            });        });

 

  function find() {            var id = $(#prodId).val();            $.getJSON("api/products/" + id,                function (data) {                    var str = data.Name + : $ + data.Price;                    $(#product).text(str);                })            .fail(//失败                function (jqXHR, textStatus, err) {                    $(#product).text(Error:  + err);                });        }

 

JQuery中的$.getJSON( )