bootstrap里怎么用ajax请求数据到table里

Question

<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">

订单编号：<span>201606011325160011</span>
商户名称：<span>三顺料理自助餐厅</span>
配送地址：<span>绍兴路536号三立时代广场1111</span>
联系方式：<span>138123419876</span>
订单来源：<span>饿了吗</span>
订单状态：<span>等待接单</span>
更新时间：<span>2016-06-01 13:55:16</span>	<button type="button" class="btn btn-danger btn-primary " data-toggle="modal" data-target="#myModal">立刻接单</button>
资金状态：<span>--</span>

<script>

 $("#home").keyup(function () {
    $.ajax({
        type: "post",
        dataType: "json",
        url: "",
        success: function (data) {
            $('#table tr:gt(0)').remove();
            var s = '';
            for (var i = 0; i < data.length; i++) s += '<tr><td><span>' + data.lists[i].num + '</span></td><td><span>' + data.lists[i].name + '</span></td><td><span>' + data.lists[i].address + '</span></td>'
                + '<td><span>' + data.lists[i].tel + '</span></td><td><span>' + data.lists[i].relation + '</span></td><td><span>----</span></td></tr>';
            $('#table').append(s);
        },
        error: function (XMLResponse) {
            alert(" 错误信息：" + XMLResponse.responseText);
        }
    });
});

</script>
这样写 我拿到服务器的数据接口 可以获取到table里吗 我的ajax是否哪里有编写错误