使用 jquery 的下一个和上一个按钮答案

【问题标题】：Next and previous button using jquery使用 jquery 的下一个和上一个按钮
【发布时间】：2014-01-10 23:15:57
【问题描述】：

我正在使用 PHP Simple HTML DOM Parser 将网站保存为 htm 文件。然后我使用 jQuery 从文件中提取div 并将其放入div。我想创建一个上一个和下一个按钮，但我遇到的问题是，我必须更改 URL，以便解析器可以获取页面。如果您能提供帮助，我将不胜感激。下面是我正在使用的代码。

<?php 
    include( 'site/simple_html_dom.php'); 
    $html=file_get_html( 'http://roosterteeth.com/home.php?page=1');
    $html->save('site/rtnews.htm')                      
?>
<script type="text/javascript" src="site/jquery.js"></script>
<script type="text/javascript">
    $('document').ready(function() {
        $('#wrap').click(function (event){
            event.preventDefault();
        });
        $("#wrap").load('site/rtnews.htm #postsArea');    
    });
</script>
</head>
<body>
    <div id="wrap">
    </div>
</body>

【问题讨论】：

下一个和上一个按钮有什么用途？
我正在从“htm”文件中提取帖子。因此，我将使用 Next & Previous 按钮来更改解析器使用的页面“URL”。因此，如果我按下一步，它会将“URl”更改为roosterteeth.com/home.php?page=2。

标签： javascript php jquery html html-parsing

【解决方案1】：

您必须为此创建一个新的 php 文件并向该文件发出 AJAX 请求。我假设您已经意识到由于 CORS，您无法发出跨域请求。

这是你的新 php 文件，我们称之为proxy.php。它将代理请求，响应通过 GET 传递给它的页面：

<?php
  include( 'site/simple_html_dom.php'); 
  $html=file_get_html( 'http://roosterteeth.com/home.php?page=' . $_GET["page"]);
  echo $html;
?>

你的新 JavaScript；

$('document').ready(function() {
  var $wrap = $('#wrap'),
    page = 1;

  $('#next').on('click', function () {
    getPage(++page);
  });

  $('#prev').on('click', function () {
    getPage(--page);
  });

  var getPage = function (page) {
    $wrap.load('proxy.php?page=' + page + ' #postsArea');   
  };

  getPage(page);

});

【讨论】：

非常感谢您的帮助我非常感谢，但我收到了错误Uncaught TypeError: Object [object Object] has no method 'on'。我不确定我是否做错了什么。
别担心，我设法使用更新的 jquery 让它工作。非常感谢您的帮助，我真的很感激。