-4

メインページのようなindex.phpがあり、index.phpにsidebar.phpが含まれています。index.phpにはid=content、すでにいくつかのコンテンツがロードされているdivがあります。sidebar.phpには、 

<form id="search" method="post" action="" >
      <input type="search" name="search" id="search"> 
      <input type="submit" name="search" id="search" class="btnButton" value="Search"/>
</form>

id=contentでは、送信をクリックしたときに検索結果をdivに表示するにはどうすればよいですか？

4

2 に答える 2

1

jqueryから要素を選択してから、メソッド.ajax{}を実行するだけです。

例えば

$('#contentElementId').ajax({options...})

結果はにロードされます

<div id="contentElementId"></div>
于 2012-10-07T20:27:30.147 に答える
0

Jquery ajaxを使用して、メインページからsearch.phpを呼び出します。jQueryライブラリを参照していることを確認してください。

//Main Page
<form id="search" method="post" action="" >
      <input type="text" name="search" id="search"> 
      <input type="submit" name="search1" id="search1" class="btnButton" value="Search"/>
</form> 

<div id="content"></div>

<script>
$(document).ready(function(){

    //jquery click event
    $("#search").live("click", function(e){

       //disable default form submit postpage
       e.preventDefault();

       //make ajax call to the search.php parsing the search textbox value as query string
       $.get("search.php?s="+$("#search").val(), function(result){

            //Result will be dumped in the div
            $("#content").html(result);

       });

   });

});

</script>



//Search PHP Script search.php
<?php

//Get the search String
$string = $_GET["s"];

//DO search query and echo it on this page.
?>
于 2012-10-07T19:23:00.017 に答える