提问人：parikshit verma 提问时间：12/27/2022 更新时间：12/27/2022 访问量：300
如何在ajax调用中通过jquery传递id来执行删除操作？
How to pass the id via jquery in ajax call to perform delete operation?
问：
我想通过单击删除按钮来删除列表的元素。
我为此编写了以下 AJAX 调用：
.ajax({
type : "GET",
url : 'getVenueList',
success : function(data) {
console.log(data);
var sequenceNo = 1;
var tableData = '';
for (var i = 0; i < data.length; i++) {
tableData = "<tr><td>" + sequenceNo + "</td><td>"
+ data[i].venueName + "</td>";
tableData += ' <td><a class="no-line"> <i id="Edit" title="Edit" class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden="true"></i></a> </td>';
tableData += ' <td><a class="no-line" onclick="deleteVenue(this);"> <span class="glyphicon glyphicon-remove" style="color: red" ></span></a></td>';
tableData += ' <td style="display: none;"> '
+ data[i].venueId + '</td></tr>';
sequenceNo = sequenceNo + 1;
$('#tbodyId').append(tableData);
}
}
});
在删除图标上，我放置了 onclick 函数：
function deleteVenue(obj) {
var setValue = obj.id;
$
.ajax({
type : "GET",
async : false,
url : "deleteVenue",
data : {
venueId : setValue
},
success : function(data) {
console.log(data);
window.location.reload();
}
});
}
但问题是我没有在 obj 中获得 ID......
解决方案是什么？
答：
0赞
Monkey Boy
12/27/2022
#1
您应该更改此部分。
<a class="no-line" onclick="deleteVenue(this);">
自
<a class="no-line" onclick="deleteVenue('+ data[i].venueId + ');">
function deleteVenue(id) {
$.ajax({
type : "GET",
async : false,
url : "deleteVenue",
data : {
venueId : id
},
success : function(data) {
console.log(data);
window.location.reload();
}
});
}
评论
deleteVenue(this)deleteVenue(" + data[i].venueId + ")this