如何使用JavaScript，Ajax或jQuery在表格中顯示陣列數據

現在我正在獲取像這樣的數據，但工作正常，但我想自動將其顯示在表格中。我有一個被點擊的按鈕，應該將結果顯示在表格中，或者應該創建表格並以任何方式顯示都可以。如何使用JavaScript，Ajax或jQuery在表格中顯示陣列數據

$result = array(); 
while ($row = mysql_fetch_assoc($res)) { 
    $result[$i][0] = $row['fname']; 
    $result[$i][1] = $row['lname']; 
    $result[$i][2] = $row['membershipid']; 
} 

return $result;

任何幫助將是巨大的

來源

2014-10-17 Krish Chand

將您顯示的php代碼替換爲ajax請求的結果，我們可能會提供一些幫助。如果你可以把你的代碼放到小提琴中，那會更好。 – Guillermo 2014-10-17 22:40:23

你可能會想在你的Javascript中使用'json_encode（）'和'JSON.parse（）'。 – EvilZebra 2014-10-17 22:45:58

鑑於

[ 
{ 
    fname:"john", 
    lname:"doe", 
    membershipid: "1234" 
}  
]

的數據結構，此功能應該n行數據

function createTable(dataArray){ 
var table = document.createElement('table'); 
var tablerows = dataArray.map(function(datarow){ 
    var tablerow = document.createElement('tr'); 
    for (var value in datarow){ 
     var cell = document.createElement('td'); 
     cell.innerText = datarow[value]; 
     tablerow.appendChild(cell); 
    } 
    return tablerow; 
    }); 

    for (var i = 0; i < tablerows.length; i++){ 
    table.appendChild(tablerows[i]); 
    } 

    return table; 
}

然後

var table = createTable(dataArray); 
document.getElementById('Whatever dom node').appendChild(table);

的工作

來源

2014-10-18 00:56:05

如何使用JavaScript，Ajax或jQuery在表格中顯示陣列數據

回答

相關問題