Ajax и Php Post в одной кнопке

Question

    <form method="post" id="test-form">
     <input type="text" name="test_user" id="test_user" value="<?php echo 
      $userRow['user_id'];?>"  hidden>

    <button type="submit" class="btn btn-danger " name="test_button" 
    id="test_button" ">Test Button</button> 

     </form>

 if($_POST)--->php this not way =too much post will be on the same php page

 if(isset($_POST['test_button']))--->php this way
                {
 $test_user= trim($_POST['test_user']);
 $test=1;

     $son_gorulme=$baglanti->prepare("UPDATE test_status SET status=:test 
       WHERE test_user=:id");  

    $son_gorulme->bindparam(":id",$test_user);
    $son_gorulme->bindparam(":test",$test);
    $son_gorulme->execute();


                }
  bla bla blaa....

вопрос: Как я могу сделать это с помощью AJAX?

Я хочу вернуть значения формы с помощью AJAX? Слишком много пост будетна той же странице php

Большое спасибо заранее

Answer 1

<form method="post" id="test-form">
     <input type="text" name="test_user" id="test_user" value="<?php echo 
      $userRow['user_id'];?>"  hidden>

    <button type="submit" class="btn btn-danger " name="test_button" 
    id="test_button" ">Test Button</button> 
 </form>

Если вы готовы использовать jquery, вы можете попробовать этот способ представления формы ajax

     $("#test-form").on('submit', (function(e) {
            e.preventDefault();
            $.ajax({
                url: "url",
                type: "POST",
                data: new FormData(this),
                contentType: false,
                cache: false,
                processData: false,
                success: function(data) {
alert ('success')
            }


            })
        }));

Answer 2

<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<form method="post" id="test-form">
<input type="text" name="test_user" id="test_user" value="<?php echo $userRow['user_id'];?>"  hidden>

<button type="submit" class="btn btn-danger " name="test_button" id="test_button">Test Button</button> 

</form>


<script>


$("#test_button").click(function(){

    var user = $("#test_user").val();

    $.ajax({
        method: "POST",
        url: "form.php",
        data: { 'user': user }
    }).done(function( msg ) {
        alert( "Data Saved: " + msg );
    });
});
</script>

<?php 

if(isset($_POST['user']))
{
    $test_user= trim($_POST['user'])
}

?>