jQuery表单提交不起作用

Question

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

<!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>

Answer 1

尝试构建$.post请求，例如：

$.post('cart.php', {email:'email',pkgname:'pkgname'}, funtion(data){
   console.log(data);//return the data from server if anything echoed in cart.php file
})

data包含cart.php返回的内容（无论如何我都不明白为什么要发送两次表单）

Answer 2

我更新代码如下，我认为它没有得到服务器的响应，我想你更新此并检查你会得到你的问题：

  $('document').ready(function(){ $('#submit').on('click',function(){ $.post('cart.php',{email:'email',pkgname:'pkgname'}).success(function(data){ $('form').submit(); }).error(alert("Code has error")); }); });

Answer 3

在这里回答我的问题。 我不知道这怎么可能？？？ :(我的提交按钮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>

jQuery表单提交不起作用

问题描述

3 个解决方案

解决方案1
0 2014-10-24 06:10:20

解决方案2
0 2014-10-24 06:21:40

解决方案3
0 已采纳 2014-10-24 09:18:41

jQuery表单提交不起作用

问题描述

3 个解决方案

解决方案1 0 2014-10-24 06:10:20

解决方案2 0 2014-10-24 06:21:40

解决方案3 0 已采纳 2014-10-24 09:18:41

解决方案1
0 2014-10-24 06:10:20

解决方案2
0 2014-10-24 06:21:40

解决方案3
0 已采纳 2014-10-24 09:18:41