[英]Re-arrange HTML table data as per JSON Array
我有 2 個從節點 API 獲取的 JSON arrays。 但是,我無法在 HTML 表上顯示它們。
JSON 陣列
[ '127.0.0.1:27018', '127.0.0.1:27019', '127.0.0.1:27020' ]
[ 'SECONDARY', 'PRIMARY', 'SECONDARY' ]
AJAX 調用
$.ajax({
url: "http://localhost:8070/api/route",
type: 'POST',
dataType:'json',
data: {hostname: str1, port2: str2 },
success: function(res) {
console.log(res);
$.each(['result1', 'result2'], function(i, key) {
console.log("Index",i);
console.log("Item",key);
$.each(res[key], function(index, value){
console.log("key",index);
console.log("Value",value);
divData='';
divData='<tr><td>'+index+'</td><td>'+value+'</td></tr>';
$('#restab').append(divData);
});
});
}
});
桌子以這種方式出現(參考圖片)。 我想要表格第一列的array1 值和第二列的array2 值。
這是所有控制台日志
{result1: Array(3), result2: Array(3)}
Index result1
Item (3) ["127.0.0.1:27018", "127.0.0.1:27019", "127.0.0.1:27020"]
key 0
Value 127.0.0.1:27018
key 1
Value 127.0.0.1:27019
key 2
Value 127.0.0.1:27020
Index result2
Item (3) ["SECONDARY", "PRIMARY", "SECONDARY"]
key 0
Value SECONDARY
key 1
Value PRIMARY
key 2
Value SECONDARY
看一下這個:
let res = {result1: [ '127.0.0.1:27018', '127.0.0.1:27019', '127.0.0.1:27020' ], result2: [ 'SECONDARY', 'PRIMARY', 'SECONDARY' ] }, html = ''; $.each(res.result1, function(i, key) { html+=' <tr><td>'+key+'</td><td>'+res.result2[i]+'</td></tr>'; }); $('table').append(html);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <th>Hostname</th> <th>Status</th> </tr> </table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.