在一個刪除功能上 想用上ajax做處理,
但一份報表中有多個資料 不知如何寫以上情況
如button id加上(eg: deletedBtn1, deletedBtn2 ....)
假如有100行資料, 在 script上loop 100行
這樣好像有的不正確,
想請教這情況可以如果做處理
<button id="deletedBtn" value='.$value['id']>刪除</button>
<button id="deletedBtn" value='.$value['id']>刪除</button>
<button id="deletedBtn" value='.$value['id']>刪除</button>
.
.
.
<script>
$("#deleteBtn").click(function() {
$.ajax({
url: 'table_del.php',
type: "POST",
dataType: "html",
data: {
id: $('#deletedBtn').val()
},
error: function() {
alert('Ajax request 發生錯誤');
},
success: function(res) {
//alert('Ajax success!');
$('#list').html(res);
}
})
})
</script>
selector很好用的
<button class="deletedBtn" value='.$value['id']>刪除</button>
<button class="deletedBtn" value='.$value['id']>刪除</button>
<button class="deletedBtn" value='.$value['id']>刪除</button>
<script>
$(".deleteBtn").click(function() {
let value = $(this).val();
$.ajax({
url: 'table_del.php',
type: "POST",
dataType: "html",
data: {
id: value
},
error: function() {
alert('Ajax request 發生錯誤');
},
success: function(res) {
//alert('Ajax success!');
$('#list').html(res);
}
})
})
</script>
聽起來似乎是類似表格的每列後面加個刪除鈕的概念,
只要能取到id就好,
怎麼做都可以,
不過你做完之後可能要有重新整理畫面的功能.