2015-06-13 4 views
-1

Я хочу загрузить контент из БД на конкретный div, щелкнув по следующему и предыдущему .. Я получаю массив для примера, как показано ниже, я не понимаю, как кодировать для Prev и следующего!От Jquery Ajax get prev, next

Это для страницы продукта, нажав «Далее», «Пред.» Показывает похожие продукты!

Array 
(
    [0] => 7319 
    [1] => 38089 
    [2] => 34203 
    [3] => 35604 
    [4] => 36209 
    [5] => 34978 
    [6] => 35196 
    [7] => 35856 
    [8] => 39841 
    [9] => 23944 
    [10] => 38239 
    [11] => 34866 
) 

HTML

<a class="ajx" name="prev" >Prev</a> 
<a class="ajx" name="next" >Next</a> 

JS

$(function() { 

     $('.ajx').on('click', function(){ 

     var rel_cars_array = <?php echo json_encode($rel_cars_ajax); ?> 

     var data = {'sale_id' :<?php echo current($rel_cars_ajax);?>}; 

      $.ajax({ 
       type: "GET", 
       data: data, 
       url: '<?php echo base_url();?>ajaxdetail', 
       success: function (response) { 
       $("#detail-con").html(response); 
       } 
      }); 
     }); 
}); 
+0

Направить «Аякса PAG ination ", связанные с поиском –

+0

Я искал максимум около 8 часов после этого, после того как я задал этот вопрос здесь – Wazan

ответ

0

Я получил решение

JS

$(function() {  

    $('.ajx').on('click', function(){ 
    var rel_cars_array = <?php echo json_encode($rel_cars_ajax); ?> 
    rel_cars_array.unshift(<?php echo $car["salable_registered_id"];?>); 

    if(typeof start == 'undefined'){ 
     start = rel_cars_array[0]; 
    } 

    if($(this).attr('name')=='prev'){ 
     var prev = rel_cars_array[($.inArray(start, rel_cars_array) - 1 + rel_cars_array.length) % rel_cars_array.length]; 
     start = prev; 
    } 
    if($(this).attr('name')=='next'){ 
     var next = rel_cars_array[($.inArray(start, rel_cars_array) + 1) % rel_cars_array.length]; 
     start = next;  
    } 

    var data = {'sale_id' : start }; 

     $.ajax({ 
      type: "GET", 
      data: data, 
      url: '<?php echo base_url();?>ajaxdetail', 
      success: function (response) { 
      $("#detail-con").html(response); 
      } 
     }); 
    }); 
});