如何在load()div中发布表单

时间:2018-04-17 15:47:31

标签: javascript php ajax

我从第二页开始使用带有$ _POST类型的表单,在第一页上我已使用此代码加载表单:

<div class="option_dialog" id="search">
<div class="close_option">Search <img onclick="search()" style="float:right;height:20px" src="img/close.png">
</div>
<div id="search_content" style="overflow:scroll;max-height:400px">
  <script>
  $('#first_page_div').load('second_page.php #second_page_form');
  </script>
</div>
</div>

当使用onclick调用上述代码调用的函数search()将执行并从第二页加载表单时......然后我使用以下代码提交表单:

$(function () {
    $('#form_id').on('submit', function (e) {
    e.preventDefault();

    $.ajax({
      type: 'POST',
      url: 'second_page.php',
      data: $('#form_id').serialize(),
      success: function () {
        $('#first_page_search_result').load('second_page.php #searched_result');
        search_result();
      }
    });
  });
});

当表格通过第一页上的ajax提交时,第二页应该处理他/她的请求并在第一页上返回搜索结果并执行search_result(),这将是返回结果后显示的另一个隐藏div。 请告诉我如何使这项工作?问候

0 个答案:

没有答案