paging через результаты базы данных с помощью jquery

Question

Я ищу информацию о том, как сложно будет проходить через несколько результатов из базы данных с помощью jquery. Я уже нашел плагин, но я не думаю, что это то, что мне нужно.

У меня есть форма с 8 текстовыми полями. Я хочу заполнить эти 8 текстовых полей первым результатом базы данных, а затем показать подкачку, если есть больше результатов. Если результатов больше, пользователь должен иметь возможность щелкнуть следующую кнопку, чтобы импортировать новые данные в текстовые поля.

У кого-нибудь есть предложения?

Answer 1

Вы не указали, какую базовую платформу вы используете. Это ASP.NET MVC? Рубин на рельсах? Поддержка пейджинга, как правило, встроена в базовую платформу.

Если вы хотите сделать вызов AJAX или JSON, то jQuery, безусловно, способен это сделать, но, как выглядит этот вызов, будет зависеть от того, какую платформу вы используете.

Если это рубин, вы должны найти некоторые рекомендации здесь: http://www.sitepoint.com/article/ajax-jquery/

Answer 2

Способ сделать это (или как я это делаю), что я связываю Ajax звонки на постраничной ссылки. Ссылки имеют встроенный url и знают, на какой странице они ссылаются.

например.

<a class="pager" href="/ajax_pages/get_results.php?page=3"> 3 </a> 

Теперь вы можете перехватывать щелчки по этим ссылкам, используя Jquery живую функцию

$(function() { 
     $('a.pager').live('click',function() { 
      var url = $(this).attr('href'); 
      $('#destination').load(url); 
     } 
} 

Поскольку вы используете «вживую», вы не должны связывать вновь сгенерированный HTML вручную. И поэтому ваши ссылки будут готовы к прямо сейчас.

Затем все, что вам нужно сделать, это сгенерировать значение смещения на основе запрошенной страницы и лимита (который должен знать ваш серверный сервис).

Альтернативный метод очень близок, но требует больше работы в javascript. Имейте службу, которую ваш пейджер вызывает, возвращает json закодированные данные. Затем ваша функция обратного вызова должна заполнить вашу страницу этими данными, а затем обновить ссылки для разбивки на страницы, чтобы они работали правильно.

Это может быть более элегантное решение, чем выдувание всей формы каждый раз, но требует больше работы. Маловероятно, что это будет заметная разница.

Answer 3

Лично, если бы я знал, что у меня никогда не будет более 5 страниц или около того, я бы вообще отказался от Ajax ... Не то, чтобы мне это не понравилось ... Я просто не думаю его необходимо в этом случае.

<?php 
// Example Database result (say, 2 "pages" worth)... 
// We'll pretend the cells in your database match the textarea names... 
$results = array(
    [0] => array(
     'textbox1'=>'abc', 
     'textbox2'=>'def', 
     'textbox3'=>'ghi', 
     'textbox4'=>'jkl', 
     'textbox5'=>'mno', 
     'textbox6'=>'pqr' 
     'textbox6'=>'stu' 
     'textbox6'=>'vwx' 
    ), 
    [1] => array(
     'textbox1'=>'cba', 
     'textbox2'=>'fed', 
     'textbox3'=>'ihg', 
     'textbox4'=>'lkj', 
     'textbox5'=>'onm', 
     'textbox6'=>'rqp' 
     'textbox6'=>'uts' 
     'textbox6'=>'xwv' 
    ) 
) 
$json_results = json_encode($results); 
?> 

<!-- Generate some jQuery and HTML --> 
<script language="javascript"> 
    var pages = eval('<?=$json_results;?>'); 
    $(function() { 
     $('.page_num').live('click',function() { 
      var page = $(this).attr('rel'); 
      if(pages[page] && pages[page].length > 0) { 
       $.each(pages[page],function(key,value) { 
        // assuming your key names are the same as the 
        // names of your textareas 
        $('textarea[name="'+key+'"]').value(value); 
       }); 
      } else { 
       alert("Oops, that page doesn't exist for some reason..."); 
      } 
     }); 
    }); 
</script> 

<?php foreach($results[0] as $key=>$value): ?> 
<textarea name="<?=$key?>"><?=$value;?></textarea> 
<?php endforeach; ?> 

<div id="page_nums"> 
<?php for($i=1;$i<=sizeof($results)-1;$i++): ?> 
<a class="page_num" href="#" rel="<?=$i;?>"><?=$i;?></a> 
<?php endfor; ?>