ライブ検索のページ設定

Question

これまでのところ、私はページングでレポートを作成しました。 サンプルコードのindex.php：

<div class='web'>  
    <h1>Data Order Notaris</h1> 
     <div id="page_data"></div> 
      <span class="flash"></span> 
     </div> 

とスクリプトを使用します。

$(document).ready(function(){ 
        change_page('0'); 
       }); 
        function change_page(page_id){ 
         $(".flash").show(); 
         $(".flash").fadeIn(400).html('Loading <img src="ajax-loader.gif" />'); 
         var dataString = 'page_id='+ page_id; 
          $.ajax({ 
           type: "POST", 
           url: "paging.php", 
           data: dataString, 
           cache: false, 
            success: function(result){ 
             $(".flash").hide(); 
             $("#page_data").html(result); 
            } 
          }); 
        } 

ライブ検索を使用するときにショーのページングのための私のファイルは 私の問題paging.phpです。

<input type='text' name='search' placeholder='search' /> 

私はそれがフォームを必要とし、送信ボタンをしないと思う：私は

入力スクリプトを追加index.phpを

に入力タイプを追加しようとしています。 入力データから値を投稿する方法= '検索'からフィルターデータレポート用のpaging.php？

これ以上の機能が必要なのか、機能change_pageを使用する必要がありますか？私はまだ論理と混同しています。ヘルプ

Answer 1

に感謝あなたは、このように入力を与える必要があります：

$(document).ready(function(){ 
        change_page('0'); 
       }); 
        function change_page(page_id){ 
         //To get the field value 
         var search_val = $("#search_box").val(); 
         $(".flash").show(); 
         $(".flash").fadeIn(400).html('Loading <img src="ajax-loader.gif" />'); 
         var dataString = 'page_id='+ page_id+'&search='+search_val; 
          $.ajax({ 
           type: "POST", 
           url: "paging.php", 
           data: dataString, 
           cache: false, 
            success: function(result){ 
             $(".flash").hide(); 
             $("#page_data").html(result); 
            } 
          }); 
        } 

：あなたは

このフィールドの値を取得することができ

<input type='text' Id="search_box" name='search' placeholder='search' /> 

は、その後のJSを使用して、だからあなたのJSコードは、のようになります

次に、paging.phpで適切なクエリを作成します。