Question

我只是想知道如何使用javascript（我认为它将是javascript但不确定）将搜索操作的结果显示在另一个div中，就像ebay，甚至stackoverflow等网站一样。这是我的HTML的片段

<div id="searchsign">
   <div style="width: 65%; float:left;height:100%;">
      <form id="searchdivebay" action="searchdivebay.php" method="get">
         <div class="searchbox"><input type="text" name="searchbox" id="searchboxinput"/></div>
         <div class="searchbtn"><input type ="submit" name="searchbutton" value="Search DiveBay"/></div>
      </form>
   </div>
   <div style="width: 35%; float:right;height:100%;">
      <ul class="signreg">
         <li><i>Existing user?</i> <a href="#">SIGN IN</a></li>
         <li><i>or, New user? </i><a href="#">REGISTER</a></li>
      </ul>
   </div>   
</div>

<div id="main">
   <div style="height:2px; background-color:blue; top: 0px;"></div>
      <div id="showsearch">

      </div>

是的，基本上我想让searchdivebay.php表单操作的结果显示在代码底部的“showsearch”div中。该脚本有效，如有必要，我可以发布代码。但到了这一点，具有此功能的javascript（如果有的话）是什么？

Answer 1

最简单的方法是使用内联框架并将其称为from中的目标。当然，如果需要，内联框架可以包含在div内。例如：

<form id="searchdivebay" action="searchdivebay.php" method="get"
   target="results">
...
</form>
...
<iframe name="results" width="500" height="200">
</iframe>

Answer 2

看起来你会想要使用下面的一些JQuery（这当然要求你实际包含JQuery库）：

function fetchData(){
  var url = 'searchdivebay.php';
  // The jQuery way to do an ajax request
  $.ajax({            
    type: "GET",
    url: url,
    data: "", // Your parameters here. looks like you have none
    success: function(html){
      // html contains the literal response from the server
      $("#showsearch").html(html);
    }
  });
}

希望这有帮助！

在不同的div中显示表单结果

2 个答案: