Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在引导表中再次添加数据_Javascript_Html_Twitter Bootstrap_Datatables - Fatal编程技术网

Javascript 无法在引导表中再次添加数据

Javascript 无法在引导表中再次添加数据,javascript,html,twitter-bootstrap,datatables,Javascript,Html,Twitter Bootstrap,Datatables,我试图在加载时从数据库中获取数据,但当我想在同一个表中再次插入数据时,我不知道如何插入它 这是我的HTML代码 <table id="example" class="display" onload="callData()"></table> <button type="button" id="idTestTraffic" class="btn btn-primary">Get Test Traffic</button> 备选案文1: 您可以使用表

我试图在加载时从数据库中获取数据,但当我想在同一个表中再次插入数据时,我不知道如何插入它

这是我的HTML代码

<table id="example" class="display" onload="callData()"></table>
<button type="button" id="idTestTraffic" class="btn btn-primary">Get Test Traffic</button>
备选案文1:

您可以使用表的内容创建一个变量/字符串,并将其附加到
示例
id

备选案文2:

使用
document.createElement()
创建元素以创建每个元素,然后将每个元素追加到表行中,最后追加到表
示例
本身

所以我要做的是:

function setValue(data) {
    var html = "";
    if (data.response.Status == 1) {
        for (i = 0; i < data.response.Result.length; i++) {
            html += '<tr>';
            html += '<td>' + (i + 1) + '</td>';
            html += '<td>' + data.response.Result[i].testName + '</td>';
            html += '<td>' + data.response.Result[i].view + '</td>';
            html += '<td>' + data.response.Result[i].start + '</td>';
            html += '<td>' + data.response.Result[i].finish + '</td>';
            html += '</tr>';
        }
    }
    return html;
}

您可以自己做,但搜索一个为您做这件事的jQuery插件或添加一些其他库来帮助您做这件事肯定会更容易。基本上,您必须使用document.createElement()生成tr节点,然后为每个值创建td节点,并使用appendCHild生成正确的视图。@Walfrat看起来OP使用的是Datatables,所以他们只需要阅读这里的文档:或者这里:上面的代码可以工作,但是搜索操作对表中的数据集不起作用
$("#idTestTraffic").click(function() {
    syncAjaxCall("POST", "trafficanalysis/viewfinishanalysis", "", "application/json")
        .done(function(data) {
            // I want to set data in same table, but no clue how to set data in same table
            dataSet = setValue(data);
        });

});
function setValue(data) {
    var html = "";
    if (data.response.Status == 1) {
        for (i = 0; i < data.response.Result.length; i++) {
            html += '<tr>';
            html += '<td>' + (i + 1) + '</td>';
            html += '<td>' + data.response.Result[i].testName + '</td>';
            html += '<td>' + data.response.Result[i].view + '</td>';
            html += '<td>' + data.response.Result[i].start + '</td>';
            html += '<td>' + data.response.Result[i].finish + '</td>';
            html += '</tr>';
        }
    }
    return html;
}
$('#example').append(setValue(data));