php - 成功提交表单到 php 后添加的 Jquery 提交表单

Question

在 jquery 方面需要帮助:

这是一个代码架构:

1. 通过jquery提交表单到php
2. php 在提交后发送另一个表单
3. 再次提交表单而不刷新页面，这将一直持续下去。

示例代码:

$(document).ready(function()
{
    $(".message-submit-button").click(function(){   
        var element = $(this);
        var Id = element.attr("id");
        var messageinput = $("#messageinput"+Id).val();
        var action = $("#action"+Id).val();
        var dataString = 'messageinput='+ messageinput + '&mobilenumber=' + Id + '&action=' + action;

        if(messageinput=='')
        {
            alert("Please Enter Message");
            document.getElementById('messageinput'+Id).focus();
        }
        else
        {
            $("#flash"+Id).show();
            $.ajax({
                type: "POST",
                url: "insert_message.php",
                data: dataString,
                cache: false,
                success: function(html){
                    $("#flash"+Id).hide();
                    $("#message-content"+Id).replaceWith(html); 
                }
            });

        }
        return false;
    });
});

在上面的脚本中，请注意输出“html”只不过是具有不同 ID 集的相同表单。

以上代码对于第一种形式工作正常，但对于第二种形式或其他形式则不然。请帮助继续提交表单。

注意:将表单提交到“insert_message.php”后，它会在 div 标签中返回另一个表单，其中包含不同的 id 集但具有相同的输入和类名。

Answer 1

如果表单相同只是 ID 不同，只需更改 ID。如果您必须更改表单，则必须重新附加事件处理程序，或者您可以使用委托(delegate)

$(document).on("click", ".message-submit-button", function(){

http://api.jquery.com/on/

如果你不使用 jquery 1.7+，你可以使用 delegate 代替

$(document).delegate(".message-submit-button", "click", function(){

http://api.jquery.com/delegate/