Javascript Jquery表单提交不起作用_Javascript_Jquery_Ajax_Forms

Javascript Jquery表单提交不起作用

javascript jquery ajax forms

Javascript Jquery表单提交不起作用,javascript,jquery,ajax,forms,Javascript,Jquery,Ajax,Forms,我尝试在ajax请求完成后提交表单。我做如下代码。但是当我点击按钮时，ajax请求被转到并发送200个ok反馈。但在那之后表格就不提交了。这个代码有什么问题 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="//ajax.googleapis.com

我尝试在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>

尝试构建$.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
})

如果数据包含cart.php返回的内容，我无法理解您为什么要发送两次表单

我更新了下面的代码，并且我认为它没有得到服务器的响应。我认为您更新此内容并检查一下，您就会发现问题：

$'document'.readyfunction{ $“提交”。单击“提交”功能{ $.post'cart.php'，{email:'email'，pkgname:'pkgname'}.successfunctiondata{ $‘表格’。提交； }.erroralertCode有错误； };

}; 这是我问题的答案。我不知道这怎么可能？？：我的提交按钮id是我提出问题的原因。您从未使用提交作为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>

你确定你在做什么吗？正如我在按钮上看到的，单击将数据发布到cart.php，然后再次将表单提交到cart.php。。这就是您想要做的吗？我正在尝试在XHR请求完成后提交表单。。表格不会提交两次。因为我的按钮类型不是submit按钮，所以我的意思是您将表单提交到同一个文件cart.php和$.post请求也指向同一个文件mmm。。很抱歉…@Nadishan，我已经尝试过这个代码了，当我突然点击我的按钮时，代码出现了错误提示弹出窗口！！：OCheck在你的服务器端我想你的cart.php可能有问题，它没有返回正确的值。那么你对这个问题的看法是什么原因请阅读我发布的答案。。请参阅答案部分