Question

我遇到麻烦，我想按下直接数据时出现的数据不会出现..

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（）有问题吗？

Answer 1

应该是onclick而不是onclik

试试这个

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

Answer 2

测试功能正常。你在这里只有一个错字：

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

加载onclick jquery数据json

2 个答案: