我正在向 API 發送請求，我正在獲取所有資料并將其映射到表中，同時為每一行顯示一個按鈕，并向按鈕附加一個來自資料的 ID。問題是當我給按鈕一個ID讓我們說洗掉并創建一個函式來觸發按鈕點擊什么都沒有發生，甚至沒有注冊它被點擊，下面是代碼：
$(document).ready(function () {
$("#documentsDatatable").DataTable({
"processing": true,
"serverSide": true,
"filter": true,
"ajax": {
"url": 'https://localhost:44389/api/Document/Group',
"type": "POST",
"data": {id: 90},
"datatype": "json"
},
"columnDefs": [{
"targets": [0],
"visible": false,
"searchable": false
}],
"columns": [
{ "data": "name", "name": "Name", "autoWidth": true },
{ "data": "name", "name": "Document", "autoWidth": true },
{
data: "created_at",
"render": function (value) {
if (value === null) return "";
return moment(value).format('DD/MM/YYYY');
}
},
{
"render": function (data, type, full, meta) {
return "<button value='" full.id "' id='remove' class='btn btn-danger'><i class='fas fa-minus-circle'></i> Remove from Group</button>";
}
},
]
});
});
這是應該啟動的功能：
$('#remove').on('click', function (e) {
$.ajax({
type: 'POST',
url: "https://localhost:44389/api/Group/Remove",
data: {id: 4, group: 46},
dataType: 'json',
success: function (data) {
//console.log('success', data);
},
});
e.preventDefault();
});
上面的代碼甚至無法啟動該功能，但是當我創建一個如下所示的隨機按鈕并將 ID 替換為此按鈕上的 ID 時，代碼運行良好。有誰知道問題是什么？
<button id="trial" value="50">Click me</button>
uj5u.com熱心網友回復：
使用這樣的東西。
---------------------------------------------------------
"render": function (data, type, full, meta) {
return `<button onclick=remove( ${full.id}) class='btn btn-danger'><i class='fas fa-minus-circle'></i> Remove from Group</button>`;
}
---------------------------------------------------------
function remove (id) {
$.ajax({
type: 'POST',
url: "https://localhost:44389/api/Group/Remove",
data: { id: id, group: 46 },
dataType: 'json',
success: function (data) {
//console.log('success', data);
},
})
};
--------------------------------------------------------------
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/454962.html
標籤：javascript 阿贾克斯