提交ajax返回的表格

Question

我想提交由ajax返回的表单，但不提交表单。

这是我尝试的代码

该文件称为3.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(function(){
      $("#submitform").on("click", function(){
       $.post("4.php").done(function(data){
         //$($.parseHTML(data)).find("#paypalsubmit").submit();
         $($.parseHTML(data)).find("input[type='submit']").submit();
       });
      });

    });
    </script>
    <div id="submitform">click</div>

4.php文件

    <form id="paypalsubmit" method="post" action="stackoverflow.com">
    <input type="text" value="hello stack" name="inputt">
    <input type="submit" name="submit" value="submit">
    </form>

更新使用的点击功能，它的工作原理

尝试了另一种方法仍然无效

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

    <script>
    $(function(){
      $("#submitform").on("click", function(){
        alert("hello");
       $.post("4.php").done(function(data){
        $("#formplace").html(data).find("#paypalsubmit").submit();
        setTimeout(function(){
            alert("submitting the form");
            //$("#formplace").find("#paypalsubmit").submit();},
            //$("#paypalsubmit").submit();},
            $("#formplace").find("input[type='submit']").click();},
            2000);


       });

      });

    });
    </script>
    <div id="submitform">click</div>

    <div id="formplace"> </div>

谢谢

Answer 1

而是使用虚拟div来保存表单，然后提交表单 ：

$.post("4.php").done(function(data){
   var $div = $('<div>',{ html : data });
   $div.find("form")[0].submit();
});

我不确定是否可以如上所述提交表格。 但是另一种方法是将表单放在页面中，然后提交：

$.post("4.php").done(function(data){
   $('body').append(data);
   $("#paypalsubmit")[0].submit();
});

Answer 2

替换下面的行

$($.parseHTML(data)).find("input[type='submit']").submit();

至

$("#paypalsubmit").submit();

Answer 3

您应该将点击更改为

$("#submitform").on("click", "#submitform", function() {

这将允许jQuery查看新创建的Submit按钮。

Answer 4

我认为，您不能在没有任何操作（“点击”）的情况下提交新添加的附件！ 对我来说，使用的触发器正在工作。查找类型而不是表单ID的提交

 $(function(){
      $("#submitform").on("click", function(){
        alert("hello");
       $.post("4.php").done(function(data){
        $("#formplace").html(data).find(":submit").trigger("click");
      });    
    });