Question

我创建了一个表单。有以下输入：

＆＃13;

<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>

＆＃13;

我希望通过在像index.html这样的文件中使用POST请求，以时尚的方式在jQuery弹出窗口中提交上述表单，就像灯箱jQuery一样。从那里我想在弹出窗口中加载一个不同的文件，它会发布像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

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

表格数据提交到jquery弹出div后显示相同页面后获取帖子＆amp;得到请求

1 个答案: