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