按鈕 onclick 不起作用（刪除），使用數據表

Question

我正在使用 jQuery DataTables 來顯示信息，但是當我單擊刪除按鈕時，最后一個不起作用，因此我是一個新的開發人員。 這是我的代碼：

var dataTable;
$(document).ready(function () {
    loadDataTable();
});

function loadDataTable(){
    dataTable = $('#DT_load').DataTable({
        "ajax": {
            "url": "/api/book",
            "type": "GET",
            "datatype": "json"
        },
        "columns": [
            { "data": "name", "width": "25%" },
            { "data": "author", "width": "25%" },
            { "data": "isbn", "width": "25%" },
            {
                "data": "id",
                "render": function (data) {
                    return `<div class="text-center">
                        <a href="/BookList/Edit?id=${data}" class="btn btn-success text-white" style='cursor:pointer; width:70px;'>
                            Edit
                        </a>
                        &nbsp;
                        <button class="btn btn-danger text-white" style='cursor:pointer; width:70px;'
                         onclick=Delete('/api/book?id='+${data})>

                            Delete
                        </button>
                        </div>`;
                }, "width":"40%"
            }
        ],
        "language": {
            "url": "js/Arabic.json"

        },
        "width":"100%"

    })
}

謝謝你 。

Answer 1

為您的按鈕設置type="button" 。 然后將 id 傳遞給 Delete 函數。

<button type="button" class="btn btn-danger text-white" style='cursor:pointer; width:70px;' onclick="Delete(data)">

最后使用 ajax 調用您的刪除操作：

function Delete(id) {  
    $.ajax({
      type: "POST",
      url: '@Url.Action("Delete")', //delete action
      data: JSON.stringify({ id: id }), //use id here
      contentType: 'application/json; charset=utf-8',
      success: function (data) {

      },
      error: function (error) {

      }
    });
}