javascript - 带提交的动态 Ajax 表单

Question

我正在尝试使用 mysql、php 和 ajax 构建客户列表。我目前在页面上显示了一个客户列表，我的最终目标是能够创建一个新客户并在同一页面上编辑其他客户。

我有一个用于创建新客户的表单，然后是页面上列出的每个客户的表单，它与新客户的表单基本相同，但名称标签末尾带有和 id 以确保每个名称都不同从另一个和一个更新和一个创建见下文

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<form  name='frm_details' id='frm_details' action=''>
<input type='text' class='form-control' name='box1' required>
<input type='text' class='form-control' name='box2' required>   
<input type='submit' value='Save' > 
</form>

<form  name='frm_details' id='frm_details' action=''>
<input type='text' class='form-control' name='box1_2465' required>
<input type='text' class='form-control' name='box2_2465' required>  
<input type='submit' value='Save' > 
</form>                             


    <script>
        $(function() {
            $('#frm_details').on('submit', function(event) {
                event.preventDefault();
                $.ajax({
                    url: '/limitless/functions2.php',
                    type: 'post',
                    dataType: 'json',                       
                    data: $(this).serialize(),
                      success: function(data) {
                           if(data.status == '1')
                            {
                                $('#info').addClass('alert alert-danger no-border').html(data.message);
                            } 
                           if(data.status == '2')
                            {
                                $('#info').addClass('alert alert-danger no-border').html(data.message);
                            }                               
                        }  
                });
            });
        });
    </script>

这对于创建新客户来说是完美的，但是当我提交第二个表单来编辑名称标签中带有 id 的客户时，它无法执行 ajax 是否有人可能会指出我哪里出错了如果可能的话，我想保留一个 ajax 请求，只更改表单 ID $('#frm_details2465')

Answer 1

1st:id 必须像我说的那样是唯一的

第二:您可以像这样更改 ID

在 html 中

<form  name='frm_details' id='frm_details1' action=''>
<form  name='frm_details' id='frm_details2' action=''>

在 js 中

$('form[id^=frm_details]')

或者你可以使用类

<form  name='frm_details' class='frm_details' id='frm_details1' action=''>
<form  name='frm_details' class='frm_details' id='frm_details2' action=''>

在 js 中

$('form.frm_details')