加载点击 jquery data json

load onclick jquery data json

本文关键字：data json jquery 加载      更新时间：2023-09-26

我有麻烦，我想在按下直接数据时出现数据不会出现..

.html：

   <button onclick="tes();">Load Data</button>
   <table id="personDataTable">
      <tr>
        <th>Id</th>
        <th>First Name</th>
        <th>Last Name</th>
      </tr>        
   </table>

Jquery ：

function tes(){
$.ajax({
    url: 'data.json',
    type: "post",
    dataType: "json",
    success: function(data, textStatus, jqXHR) {
        drawTable(data);
    }
});
}
function drawTable(data) {
    for (var i = 0; i < data.length; i++) {
        drawRow(data[i]);
    }
}
function drawRow(rowData) {
    var row = $("<tr />")
    $("#personDataTable").append(row); 
    row.append($("<td>" + rowData.id + "</td>"));
    row.append($("<td>" + rowData.firstName + "</td>"));
    row.append($("<td>" + rowData.lastName + "</td>"));
}

如果函数 test（） 有问题？

它应该是onclick而不是onclik

试试这个

<button onclick="tes();">Load Data</button>

tes 函数是 Ok。你只是这里有一个错字： 

<button onclik="tes();">Load Data</button>
             ^
相关文章：