我正在使用AJAX来自动更新文本输入和文本区域，并将它们保存到数据库中。
一切正常，直到有两个表单相同的表单。我发现AJAX函数是从表单中获取值。我用console.log(data)检查。我想知道最后一个表单是否覆盖了所有内容。
如果所有的名字都是唯一的，它也能很好地工作。但是，我的SQL代码会有太多的重复，如果用户制作10个这样的表单，它就没有效率了。
我要怎么做才能让这一切不发生？
谢谢你，谢谢
index.php个

<form method="post" class="form-input">
    <input type="hidden" name="position" value="1" class="position">
    <table>
        <tbody>
            <tr>
                <td class="th">Offer Heading</td>
                <td><input name="heading" class="text-input" type="text"></td>
            </tr>
            <tr>
                <td class="th">Description</td>
                <td><textarea name="description"></textarea></td>
            </tr>
            <tr>
                <td class="th">Call-To-Action</td>
                <td><input name="call_to_action" class="text-input" type="text"></td>
            </tr>
        </tbody>
    </table>
</form>

字符串
script.js个

var timeoutId;
    $('textarea, .text-input').on('input propertychange change', function() {
        console.log('Textarea Change');

        clearTimeout(timeoutId);
        timeoutId = setTimeout(function() {
            // Runs 1 second (1000 ms) after the last change
            saveToDB();
        }, 1000);
    });
    
    function saveToDB() {
        console.log('Saving to the db');
        var data = $(".form-input").serialize();
        console.log(data);
        $.ajax({
            url: "",
            type: "POST",
            async: true,
            cache: false,
            data: data,
            success: function(data){
                console.log('completed');
            }
        });
    }
    
    $('.form-input').submit(function(e) {
        saveToDB();
        e.preventDefault();
    });

型
谢谢你，谢谢