JQuery中的$.getJSON( )

浏览数：43 / 时间：2015年06月09日

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);
                });
        }