Jquery 提交表单,在成功提交表单到 php 后添加


Jquery Submit form which is added upon successful submission of form to php

在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 集,但输入和类名相同。

如果表单相同,只是 id 不同,只需更改 id。如果必须更改窗体,则必须重新附加事件处理程序,或者可以使用委派

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

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

如果你不在jquery 1.7+上,你可以使用委托代替

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

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