Question

我使用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>

Answer 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);

});

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

1 个答案: