1

eBayなどのサイトやstackoverflowのように、検索アクションの結果を別のdiv内に表示するには、javascriptを使用する方法(javascriptになると思いますが、確かではありません)を考えています。これが私の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

以下のような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 に答える
0

最も簡単な方法は、インラインフレームを使用し、それをfromのターゲットとして参照することです。divもちろん、インラインフレームは必要に応じて内側に巻き付けることができます。例:

<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 に答える