Question

        <html>
<head>


    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        $(function()
        {
            $('button[type="submit"]').on('click',function(e)
            {
                e.preventDefault();
                var submit_value = $(this).val();
                jQuery.post
                (


                );
            });
        });
    </script>
</head>
<body>
    <form method="post" action="php page" id="the-form">
       Name <input type="text" name="name" > <br/>
           Number <input type="text" name="number" > <br/>
        <button type="submit" name="Submit">submit</button>
          </form>

</body>
</html>

我应该写什么来jQuery.post将数据从表单发送到php页面，我尝试了一些可能性，但是当我点击提交时，php页面响应了＃34;没有价值＆＃34;。我不必在这个脚本中改变php页面上的任何内容。

Answer 1

您的推荐已关闭

$('button[type="submit"]').on('click',function(e)

这将遵循您的提交按钮，而不是表单。所以，当你到达这个

$(this).val();

它正在查看您的提交按钮（没有任何价值），而不是您的表单数据。相反，您应该抓住表单并观察submit事件，然后观察serialize数据

$("#the-form").on( "submit", function(e) {
    e.preventDefault();
    var data = $(this).serialize();
    jQuery.post('your/url.php', data, function(resp) {
        //Do something with the response here
    });
});

将数据发布到php页面

1 个答案: