PHP форма действия и метод в Jquery

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

Вам также необходимо отправить данные формы.Это можно сделать методом сериализации jQuery.

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

Answer 2

Вы должны использовать 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