jQuery表单提交不起作用

Nadishan 发表于 Dev

纳迪山

我尝试完成ajax请求后提交表单。我做如下代码。但是，当我单击按钮时，ajax请求将转到并发送200好的反馈。但是在该表格之后不提交。此代码有什么问题？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
         <script>

       $('document').ready(function(){
           $('#submit').on('click',function(){
        $.post('cart.php',{email:'email',pkgname:'pkgname'}).then(function(){
           $('form').submit();
        });
    });
       });


         </script>
    </head>
    <body>

        <form action="cart.php" method="post">
            <input type="button" id="submit" value="submit" />
        </form>


    </body>
</html>

纳迪山

在这里回答我的问题。我不知道这怎么可能？？？:(我的提交按钮ID是我提出问题的原因。您永远不会使用#submit作为ID。这将是一个问题！

所以正确的代码是

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
         <script>

       $('document').ready(function(){
           $('#submit1').on('click',function(){
        $.post('cart.php',{email:'email',pkgname:'pkgname'}).then(function(){
           $('form').submit();
        });
    });
       });


         </script>
    </head>
    <body>

        <form action="cart.php" method="post">
            <input type="button" id="submit1" value="submit" />
        </form>


    </body>
</html>