Как использовать JQuery $ .post() метод представить форму значение

Question

У меня есть 1 главная страница с формой и другой страницей, чтобы обработать значение формы здесь являются исходными кодами 2 страниц

Формы Страница:

<meta charset="UTF-8"> 
<title>Form Page</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="process.php" method="post" id="reg-form"> 
     Username: <input type="text" id="username" name="username"> 
     <br> 
     Password: <input type="password" id="password" name="password"> 
     <br> 
     <button type="submit" id="submit-btn">Traditional Submit</button> 
     <button type="button" id="post-btn">$.Post Submit</button> 
</form> 
<script> 
    $("#post-btn").click(function(){   
     $.post("process.php",function(data){ 
      alert(data); 
     }); 
    }); 
</script> 

Процесс Страница:

<?php 
$username=$_POST["username"]; 
$password=$_POST["password"]; 
echo "Username: ".$username; 
echo "<br>"; 
echo "Password: ".$password;?> 

если я нажимаю «Tradi «Отправить», но работает отлично.

, но когда я нажимаю «$ .Подать Отправить» кнопку, я просто продолжаю получать сообщ об ошибке «Примечание: Undefined индекс ...»

Я не могу понять, где проблема, пожалуйста, пожалуйста, помогите проверить и исправить, спасибо заранее!

Answer 1

Вы должны выбрать и отправить данные формы, а также:

$("#post-btn").click(function(){   
    $.post("process.php", $("#reg-form").serialize(), function(data) { 
     alert(data); 
    }); 
}); 

Посмотрите на документацию для метода JQuery serialize, который кодирует данные из полей формы в строка данных, отправляемая на сервер.

Answer 2

Получите значение своих текстовых полей, используя val() и сохраните их в переменной. Передайте эти значения через $.post. При использовании $.Post Submit button вы можете удалить форму.

<script> 

    username = $("#username").val(); 
    password = $("#password").val(); 

    $("#post-btn").click(function(){   
     $.post("process.php", { username:username, password:password } ,function(data){ 
      alert(data); 
     }); 
    }); 
</script> 

Answer 3

Yor $.post не имеет данных. Вам необходимо передать данные формы. Вы можете использовать serialize(), чтобы опубликовать данные формы. Попробуйте

$("#post-btn").click(function(){ 
    $.post("process.php", $('#reg-form').serialize() ,function(data){ 
     alert(data); 
    }); 
});