Daten können nicht wieder in Bootstrap-Tabelle hinzuzufügen

Question

ich Daten aus meiner Datenbank auf Last zu bekommen versuchen aber auf dem Knopf klicken, wenn ich Daten will in der gleichen Tabelle wieder einzufügen habe ich keine Ahnung, wie es

hier einfügen mein HTML-Code ist

<table id="example" class="display" onload="callData()"></table> 
<button type="button" id="idTestTraffic" class="btn btn-primary">Get Test Traffic</button> 

Mein JavaScript-Code

function setValue(data) { 
    var dataSet = []; 
    if (data.response.Status == 1) { 
     for (i = 0; i < data.response.Result.length; i++) { 

      dataSet.push([]) 
     } 
     for (i = 0; i < data.response.Result.length; i++) { 
      dataSet[i].push(i + 1); 
      dataSet[i].push(data.response.Result[i].testName); 
      dataSet[i].push(data.response.Result[i].view); 
      dataSet[i].push(data.response.Result[i].start); 
      dataSet[i].push(data.response.Result[i].finish); 
     } 

    } else 
     showMessage("green", data.response.Description, ""); 

    if (dataSet[0].length == 5) 
     return dataSet; 
} 

function callData() { 
    debugger; 
    $('#example').DataTable({ 
     data: dataIsSet(), 
     columns: [{ 
      title: "Sr No." 
     }, { 
      title: "Test Name" 
     }, { 
      title: "View" 
     }, { 
      title: "Start" 
     }, { 
      title: "Finish" 
     }], 

    }); 
} 

function dataIsSet() { 
    var dataSet = []; 
    syncAjaxCall("POST", "trafficanalysis/viewfinishanalysis", "", "application/json") 
     .done(
      function(data) { 
       dataSet = setValue(data); 
      }); 
    return dataSet; 
} 

Auf Taste meinen Code klicken

$("#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); 
     }); 

}); 

Answer 1

Option 1:

Sie könnten eine Variable/string mit dem Inhalt der Tabelle erstellen und es nur um die example ID anhängen. 2

Option:

die Elemente erstellen document.createElement() unter Verwendung jedes Element zu erzeugen, und dann jedes Element in eine Tabellenzeile angehängt und dann schließlich in die Tabelle example selbst anfügen.

so, was ich tun würde:

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

Und dann, wo Sie dataSet = setValue(data); haben nur dies tun:

$('#example').append(setValue(data));