分頁與實時搜索

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 我的問題。我試圖在index.php文件

添加輸入腳本添加輸入類型：

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

我覺得它並不需要表，並提交按鈕。 如何從輸入name ='search'將值發佈到paging.php以便篩選數據報告？

是否需要更多功能或使用函數change_page？我仍然與邏輯混淆。感謝您的幫助

Answer 1

你應該給輸入這樣：

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

然後使用JS，你可以獲取這個字段的值

所以，你的js代碼如下：

$(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); 
            } 
          }); 
        } 

然後在您的paging.php中進行相應的查詢:)