PHP表单动作和方法进入Jquery答案

【问题标题】：PHP form action and method into JqueryPHP表单动作和方法进入Jquery
【发布时间】：2018-12-25 08:19:43
【问题描述】：

可以将我的php表单动作和方法流程转入jquery流程吗？

我尝试使用 php 表单操作和方法将输入数据插入数据库，它正在工作，但在 jquery 过程中没有任何反应。

<form action="" method="">
    <input type="submit" id="signUpButton" value="Sign Up">
</form>

$(document).ready(function(){
    $("#signUpButton").click(function(){
        $.post("signUpAction.php", function(data, status){
           alert("data: " + data + "\nStatus: " + status);
        });
    });
});

【问题讨论】：

分享完整代码不要'从 html 中删除操作和方法？也分享实际的 html 和 .php 文件？
您没有通过此发布请求发送任何内容。尝试通过序列化来添加表单数据：$.post("signUpAction.php", $("form").serialize(), function(data, status){

标签： php jquery forms

【解决方案1】：

您应该使用 ajax 将数据发送到 PHP 文件，并使用 serializeArray() 获取表单数据并将其存储在将发送到 PHP 文件的变量中。

这样试试

你的 HTML

<form>
  <input type="text" name="name" value=''/>
  <input type="email" name="email" value=''/>
</form>

你的js应该是这样的：

 $('#add_new_stu').click(function(event) {
    var formdata= $("form").serializeArray();
    $.ajax({  
        type: "POST",  
        url: "file.php",  
        data: formdata,  
        success: function(response){
                console.log(response);  
            }
    });
});

使用 PHP 你应该循环你的结果数组。

$name= $_POST['name'];
$email= $_POST['email'];
//do some thing here

【讨论】：

【解决方案2】：

您还需要发送表单数据。可以通过jQuery序列化方法来完成。

$(document).ready(function(){
    $("#signUpButton").click(function(){
        $.post("signUpAction.php", $("form").serialize(), function(data, status){ 
            alert("data: " + data + "\nStatus: " + status);
        });
    });
});

【讨论】：