Codeigniter JQuery AJAX нумерации страниц

Question

Я получил один урок здесь http://codeigniter.com/forums/viewthread/122597/P0/

все найти, но нет нумерации страниц.

вот мой код

<script>
    ajax_paging = function()
    {
        $("p.pagination a").click(function() 
        {
            $.ajax({
            type: "GET",
            url: $(this).get(),
            success: function(html)
                     {
                         $("#display-content").html(html);
                     }
            });               
        });            
    return false;
    }; 
</script>

<?php 
    if($num_results == 0)
    {
        echo 'No data result, please insert one';
    }
    else
    {
?>
        <div id="display-content">
        <table width="100%">
        <tr>
            <th>CP code</th>
            <th>Code</th>
        </tr>
    <?php foreach($records as $row){ ?>
        <tr>
            <td align="center"><?php echo $row->created_date?></td>
            <td align="center"><?php echo $row->uid?></td>
        </tr>
    <?php }?>
</table>
 <p class="pagination">
 <?=$pagination?>
    </p>
    </div>
<?php } ?>

здесь нумерация страниц HTML

    <p class="pagination">
     &nbsp;<strong>1</strong>&nbsp;
<a onclick="javascript:ajax_paging();return false;" href="http://bravonet.my/tombocrm/inside/home_fpr/5">2</a>&nbsp;
<a onclick="javascript:ajax_paging();return false;" href="http://bravonet.my/tombocrm/inside/home_fpr/10">3</a>&nbsp;
<a onclick="javascript:ajax_paging();return false;" href="http://bravonet.my/tombocrm/inside/home_fpr/5">&gt;</a>&nbsp;    
</p>

I. Когда я пытаюсь щелкнуть ссылку пагинации, она работает как обычная ссылка. Ошибка AJAX JavaScript происходит.

Я очень слаб в JavaScript. любая помощь будет оценена и спасибо заранее.

Answer 1

Это так легко добавить нумерацию ajax в codeigniter

//AJAX PAGINATION || GEETING URL FROM ON CLICK PAGE NO. IN PAGINATION
$(function(){
  $(document).on('click', ".pages a",function(){  // LOAD ON PAGE LOAD AND ON CLICK
   var urls = $(this).attr("href");

   $.ajax({
   type: "POST",
   url: urls,
   data:"",
   success: function(res){
      $("#ajaxComment").html(res);  //SET COMPLETE RESPONCE VALUE IN DIV
   }
   });

 return false;
});

});

---

Заголовок

---

Answer 2

1 jquery .get () предназначен для получения элементов DOM, поэтому он вам здесь не нужен, а $ (this) внутри тега $ ("p.pagination a"). Click (), как в r.piesnikowski. комментарий заменить $ (this) .get () на $ (this) .attr ('href')

2 Не помещайте onclick = "javascript: ajax_pagin (); верните false;" в своем теге вместо этого оставьте в своем теге этот фрагмент (который добавляет обработчик события onclick к вашим тегам):

$(document).ready(function(){
  $("p.pagination a").click(function() {
    $.ajax({
      type: "GET",
      url: $(this).attr('href'),
      success: function(html){
        $("#display-content").html(html);
      }
    });               
    return false;
  });            
});

3 В вашем js-коде произошла ошибка - возвращено ложное значение, которое было неправильно установлено, и событие onclick само по себе не вернуло ложное значение, а ajax_pagin, поэтому ссылка работала нормально.