1

我只是想知道如何使用 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（如果有）是什么？

4

2 回答 2

0

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

<form id="searchdivebay" action="searchdivebay.php" method="get"
   target="results">
...
</form>
...
<iframe name="results" width="500" height="200">
</iframe>
于 2012-06-07T14:23:18.740 回答
0

看起来你会想要使用一些像下面这样的 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);
    }
  });
}

希望这可以帮助！

于 2012-06-07T14:31:52.260 回答