首页 > 代码库 > 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( )
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。