Laravel 4.2自定义分页按钮-jQuery AJAX调用的自定义按钮 - Laravel 4.2 Custom Pagination Button - custom button for jQuery AJAX call

Laravel 4.2 Custom Pagination Button - custom button for jQuery AJAX call

我使用本教程在Laravel 4.2中创建自定义分页。

我得到了这个代码的分页按钮-

<ul class="pagination">
    <li class="disabled">
        <span>«</span>
    </li>
    <li class="active">
        <span>1</span>
    </li>
    <li>
        <a href="http://localhost/car/public/specials?page=2">2</a>
    </li>
    <li>
        <a href="http://localhost/car/public/specials?page=2" rel="next">»</a>
    </li>
</ul>

但是我需要通过AJAX点击分页按钮来更改页面。

有可能吗？

因此，我需要（动态地）向所有按钮添加一个AJAX调用，并删除ahref代码。

所以，它是

<li>
  <a href="http://localhost/car/public/specials?page=2">2</a>
</li>

我想要

<li>
  2      <!-- With AJAX call -->
</li>

我该怎么做？

有人能帮我吗？

提前感谢您的帮助。

将一个类添加到<a href="http://localhost/car/public/specials?page=2">2</a>标记中，例如.page-button，并使用jQuery钩子将其添加到单击事件中。

li应具有类：

<li>
   <a href="http://localhost/car/public/specials?page=2">2</a>
</li>

然后

$('.page-button').click(function(e) {
     e.preventDefault();
     $url = $(this).attr('href');
     $.ajax({
        'url': $url
     }).done(function(data){
          //handle the response here
     });
)};

另一种简单的方法是使用jQuery.load（）：

$('.pagination a').click(function(e) {
  e.preventDefault();
  $('#contentWrapper').load($(this).attr('href'));
});

当用分页器的另一个结果块交换一些内容时，这与分页很好地配合使用。CCD_ 4在这里将是围绕分页内容的CCD_。

如果您需要在.load()调用后执行一些进一步的逻辑，您可以使用complete回调，如下所示：

$('.pagination a').click(function(e) {
  e.preventDefault();
  $('#contentWrapper').load($(this).attr('href'), function () {
    //do something here
  });
});