表單數據提交到jquery彈出div顯示相同的頁面後，獲取發佈和獲取請求

Question

我已經創建了一個表單。有下列輸入：

<form method="post" action=""> 
 
    <input type='text' name='first_name' /> 
 
    <input type='text' name='last_name' /> 
 
    <input type='text' name='email' /> 
 
    <input type='text' name='phone' /> 
 
    <input type='submit' value='submit' /> 
 
</form>

我想在時尚的方式就像光盒的jQuery一個jQuery彈出內提交上述形式通過在相同使用POST請求像index.html文件。從那裏我想在彈出窗口中加載一個不同的文件，該文件將會發布諸如inquiry.php之類的表單值。

如果可能，請更新本主題的分步教程。我已經搜索過，但我沒有找到適合它的主題。

Answer 1

HTML：網頁

<div id="pop-up"> 
<form method="post" id="myform"> 
<input type='text' name='first_name' /> 
<input type='text' name='last_name' /> 
<input type='text' name='email' /> 
<input type='text' name='phone' /> 
<input type='button' value='submit' id='send'/> 
</form> 
</div> 

JS（jQuery的）：

(function($) { 
    $('#send').click(function(){ 
     $.post('inquiry.php', 
     $('#myform').serialize()) 
     .done(function(data) { 
      $('#pop-up').html(data); 
     }); 
    }); 
})(jQuery); 

inquiry.php

此topic`

<?php 
echo $_POST['first_name'] . ' ' . $_POST['second_name']; 
//...