如何提交从第一个输出生成的第二个AJAX表单

Question

我正在从AJAX请求中加载表单作为json输出。

以下PHP构成了显示表单的请求的JSON输出：

 $this->errors[] = "<form id='confirmreset' name='confirm_reset' action='" . URL . 
"login/forgotPassword_action' method='post'><input type='hidden' name='user_email' value='" . 
$this->user_email . "'> Email already registered. <input type='submit' 
value='Click here for a PIN reminder'></form>";

然后，我也希望能够以AJAX表单的形式提交此表单，但是因为它没有加载到DOM中，所以我的jquery似乎没有引用它。 有任何想法吗？

到目前为止的代码如下：

$("#confirmreset").on("submit",function(event){
        //disable default click operation
        event.preventDefault();

        var action_url = $(this).attr("action");
        alert_box_register("Resetting password...");
        console.log(action_url);
        var postData = $(this).serializeArray();
        console.log(postData);

        $.post(action_url,postData,function(data){

          console.log(data);
          var obj = $.parseJSON(data);

          alert_box_register(obj.message);

      });

    });

Answer 1

这应该像将第二个请求放入第一个请求的成功函数中那样简单。

Answer 2

使用.on（）

由于元素是动态添加的，因此无法将事件直接绑定到它们。因此，必须使用事件委托 。

$(document).on('submit','#confirmreset',function(event){ ..code here.. }

句法

$( elements ).on( events, selector, data, handler );