Question

是否可以将我的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);
        });
    });
});

Answer 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

Answer 2

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

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

PHP将表单操作和方法转换为Jquery

2 个答案: