循环形式的 AJAX 请求

Question

我想知道如何在循环表单中单独发出ajax请求，当我单击指定的行删除按钮时，它能够发送异步删除请求。当我使用 jquery 单击按钮时，不确定如何分配身份。foreach(var item in Model){  <form>    <input type="text" id="id" name="id" value="item.id"/>    <input type="button" id="btn" name="submit" value="Delete"/>  </form>}<script>  $("#btn").click(function(){          // alert the id value      });</script>

Answer 1

你可以尝试使用

foreach(var item in Model){

  <form>

    <input type="text" id="id" name="id" value="item.id"/>

    <input type="button" class="btn" data-id="item.id" name="submit" value="Delete"/>

  </form>

}

<script>

  $(".btn").click(function(){

    // alert the id value

    alert($(this).attr("data-id"))

  });

</script>

Answer 2

我找到了基于 Agus Friasana 方法的解决方案：

$(".btn").click(function () {

        // to skip the alert from parent modal button

        if ($(this).attr("data-id") != undefined) {

            alert($(this).attr("data-id").toString());

            $.ajax(

                {

                    url: "your url" + $(this).attr("data-id").toString(),

                    type: "DELETE",

                    dataType: "text",

                    success: function () {

                        alert('success');

                    },

                    error: function () {

                        alert('fail')

                    }

                }

            );

        }

    });