2016-10-04 132 views
0

到目前爲止,我已經完成了使用分頁創建報表。 示例代碼的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?我仍然與邏輯混淆。感謝您的幫助

回答

2

你應該給輸入這樣:

<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中進行相應的查詢:)

+0

感謝您的幫助。從那個腳本我知道過濾器的值是保存在變量search_val。那麼,我怎樣才能在paging.php中獲得價值? <?php $ search_val = search_val; $查詢=「選擇 \t idNoon,notaris,中午,cabang,非農產品市場準入,散文,tanggalOn,tanggalCair,keterangan \t FROM \t \t tblNotaris,tblOrderNotaris \t其中 \t \t tblNotaris.idnotaris = tblOrderNotaris.idnotaris \t \t並命名爲'%$ search_val%' \t order by \t \t idNoon desc「; ?> –

+0

由於您在post @StevenSugiartoWijaya – Akshay

+0

發送數據,所以您可以通過'$ search_val = $ _ POST ['search']'獲得值,對不起,仍然無法正常工作。那個函數是jquery自動的?或需要觸發?當輸入數據分頁不變時。 –