iT邦幫忙

0

AJAX jquery 多按鈕處理問題

klz 2021-09-27 12:55:08923 瀏覽

在一個刪除功能上 想用上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>
看更多先前的討論...收起先前的討論...
首先id只能唯一
然後有個屬性叫class
或是直接onclick傳值處理
klz iT邦新手 5 級 ‧ 2021-09-27 13:27:19 檢舉
onclick 都可決定我的問題謝謝了
klz iT邦新手 5 級 ‧ 2021-09-27 13:31:02 檢舉
想再問一下是否只有用 onclick才可解決我這問題?
klz iT邦新手 5 級 ‧ 2021-09-27 13:47:11 檢舉
有人回黎了 謝謝了 你提供的方法也可行

2 個回答

0
Hankz
iT邦新手 3 級 ‧ 2021-09-27 13:24:40
最佳解答

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>
看更多先前的回應...收起先前的回應...
klz iT邦新手 5 級 ‧ 2021-09-27 13:29:29 檢舉

selector 有例子可指點一下嗎? 不太明白

Hankz iT邦新手 3 級 ‧ 2021-09-27 13:33:52 檢舉

版上有大大做詳細的教學
https://ithelp.ithome.com.tw/articles/10095237

klz iT邦新手 5 級 ‧ 2021-09-27 13:45:20 檢舉

謝謝大大 剛剛沒細心留意 已看到分別.
受教了 感謝

klz iT邦新手 5 級 ‧ 2021-09-27 14:06:56 檢舉

.

0
小魚
iT邦大師 1 級 ‧ 2021-09-27 13:07:19

聽起來似乎是類似表格的每列後面加個刪除鈕的概念,
只要能取到id就好,
怎麼做都可以,
不過你做完之後可能要有重新整理畫面的功能.

klz iT邦新手 5 級 ‧ 2021-09-27 13:27:40 檢舉

不想重新整理畫面 哈哈

小魚 iT邦大師 1 級 ‧ 2021-09-27 13:40:56 檢舉

不管用前端做後端做,
都還是要重新整理的,
只是整理一部分還是整個畫面的差別而已.

我要發表回答

立即登入回答