客戶端分頁通過服務器端數據（Ajax）

我有3個文件的index.php，.js文件和a.php文件。我通過js（jquery）文件向a.php發送了ajax請求。我是在HTML響應，（在1 HTML響應）有3個div，但我想一次顯示一個div。然後點擊下一個div，這是在相同的HTML響應。它基本上是通過服務器端數據進行客戶端分頁（從1個AJAX獲得）。但我無法在索引頁面中逐一處理3個div。客戶端分頁通過服務器端數據（Ajax）

1. 的請求進入 -

<script> 
$(document).ready(function(){ 
showitem(id); 
}); 
</script>

簡單的查詢被處理。

功能showitem（ID）{

$.ajax({  
    type : "POST", 
    cache : true, 
    //dataType: "json", 
    url  : "a.php", 
    data : { 
       proid:id 
       },     
    success: function(data) { 

     $("#match_item_display").html(data);// This is span in index.php 

    } 
});

}

3. 在響應（比方說）1得到的HTML的div形式9層的元件（3在這種情況下），我想一次顯示3個。

$start=0; $end=6; 
    for($d=0;$d<$len;$d++) 
    { 
     if($end>$count) 
     { 
      $end = $count; 
      match_pro("Closley Match", array_slice($recent_arr, $start, $end),$d); 
     } 
     else 
     { 
      match_pro("Closley Match", array_slice($recent_arr, $start, $end),$d); 
      //break; 
     } 
     $start=$end; $end=$end+6; 
    }

它的回報3個格作一個...輸入反應

要顯示 - 下一個和上一個按鈕。

SUMMARY - > 1-ajax請求，一些HTML div作爲響應，按順序顯示它們在一個按鈕上單擊一次。

我正在做客戶端分頁，因爲查詢一次不能返回超過9-12個響應。所以客戶端腳本應該是最佳的。

來源

2012-02-15 Rahul Gupta

我們需要看到的代碼是在a.php中 - 但是@rajesh是我認爲正確的。返回你想要在你的JSON響應中顯示的所有項目，並使用jQuery將它們注入到DOM中。 – halfer 2012-02-15 14:19:52

你可以把div放在一個數組中然後返回。如：

$response = array(0 => 'div1_data', 1 => 'div2_data', 2=>'div3_data'); 
echo json_encode('html' => $response); // returning to ajax call

在Ajax調用的響應，你可以將它保存到一個JS數組

; 然後用第一個元素更新區域。在下一個按鈕點擊更新第二個元素的區域... 希望它會有所幫助。

在JS，你可以這樣做：

index = 0; 
res_data = []; 
$.ajax({  
type : "POST", 
cache : true, 
//dataType: "json", 
url  : "a.php", 
data : { 
      proid:id 
      },     
    success: function(data) { 
    $(data.html).each(function(k,v){ 

     res_data.push(v); 

    }); 
    showNext();  
    } 
}); 


function showNext(){ 
    $("#match_item_display").html(res_data[index]); 
    index++; 
} 

function showPrev(){ 
    if(res_data[index-1] !== 'undefined'){ 
     $("#match_item_display").html(res_data[index-1]); 
     index--; 
    } 
}

可以使頁面加載的Ajax調用。並分配showNext（）和showPrev來分別按下next和prev按鈕的onclick事件。

來源

2012-02-15 14:15:24 rajesh

它的迴應來到ajax成功函數的工作，但我也想通過索引頁做下一個和以前的功能。如何保存返回json數組在js？請幫幫我...！！！如果你有一些代碼plzz分享它.. – 2012-02-16 07:01:42

編輯帖子。它可能會幫助你 – rajesh 2012-02-16 09:15:48

Thanx Rajesh其作品........非常感謝你... – 2012-02-16 12:54:32

客戶端分頁通過服務器端數據（Ajax）

回答

相關問題