1. 首頁
  2. 問答
  3. 分頁與$ _GET - 在AJAX - 它是posible

分頁與$ _GET - 在AJAX - 它是posible

2013-04-25 45 views
0

我正在開發一個PHP類使用$ _GET分頁。它是從網絡上發現的標準。

這工作好： page.php文件：

<form method ="GET"> 
<?php 
$pages = new Pagination(); 
echo "<br/>"; 
?> 
</form>

我想在index.php來使用這個page.php文件中的index.php與阿賈克斯/ jQuery和住

<!DOCTYPE html> 
<body> 
<div id ="result"></div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $.post('./page.php', 
      function (data) { 
       $('#result').html(data); 
      } 
    ); 
}); 

</script> 
</body> 
</html>

這可能嗎？

來源

2013-04-25 Bor

回答

1

是否有可能不使用jQuery的$ .post，您可以用$ .get替換$ .post？

來源

2013-04-25 12:59:57 Bryan

1

所以不是$.post如你所說的尋找$_GET['page']

所以你可以做這樣的事情：

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

    var page_num = 1; 
    $('.nextpage').on('click',function(e){ 
     e.preventDefault(); // stop the link from going anywhere 
     $.get('./page.php', 
      { 
       page: page_num // this is the same as $_GET['page'] 
      }, 
      function (data) { 
       $('#result').html(data); 
       page_num++; 
      } 
     ); 
    }); 

    $('.nextpage').click(); // emulate the click to get the first page 
}); 
</script>

，並在你的身體是這樣的：

<a href="/page.php?page=2" class="nextpage">Next page</a>

這是值得注意的是，在你的page.php你不需要那樣的表格，因爲我看不到它會做很多事情

UPDATE

所以有操作上index.php分頁從page.php你可以有page.php返回一個隱藏的div稱爲.hidden_pagination其全部內容一起。

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

    $('.pagination').on('click','a',function(e){ 
     e.preventDefault(); // stop the link from going anywhere 

     var next_page = $(this).attr('data-id'); // get the next page from the link data-id attribute 
     $.get('./page.php', 
      { 
       page: next_page // this is the same as $_GET['page'] 
      }, 
      function (data) { 
       $('#result').html(data); 

       $('.pagination').html($('#result').children('.hidden_pagination').html()); // add the new pagination to the current pagination 
      } 
     ); 
    }); 

    $('.nextpage').click(); // emulate the click to get the first page 
}); 
</script> 

<div class="pagination"> 
    <a href="#" class="nextpage" data-id="2">Next page</a> 
</div> 


<div id="result"> 
this will be replaced with the ajax response 
</div>

來源

2013-04-25 13:03:04

+0

是的，這確實是一個愚蠢的錯誤，但我想留在AT index.php並操縱page.php中的分頁。也許我應該這樣做