обновление таблицы без перезагрузки страницы

очень бы хотелось на сайте реализовать пагинацию таблиц без перезагрузки страницы как например сделано (на yii) тут

http://www.excellenc…sg/stock-list/

как это проще и лучше всего осуществить?

С помощью запросов через аджакс реализованной на jquery.

Вобще такая листалка очень не нравиться поисковикам. И следовательно весь ваш контент внутри таблицы в них не попадет. Ну это так…

А по поводу реализации - всё через jQ :)

мне надо для внутреннего функционала, и в поисковиках этих данных быть не должно…

а можно поподробнее куда рыть, чтобы реализовать это на JQ?

я с ajax и темболее с jq не делал ниразу ничего.

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

В общих чертах лично я делаю так:

  1. В нужном екшене (функция action…) проверяем какого рода запрос. Если аяксовый, то делаем renderPartial нашего view-файла, а если обычный, то обычный render.

  2. А в самом view-файле:

  • подключаем jquery

  • описываем функцию на яваскрипте:



function Ajaxify(container, a)


 {


    $.ajax({


        type: "GET",


        url: a.href,


        cache: false,


        async: true,


        success: function(html) {


            $('#' + container).html(html);


        }


    });





  return false;


 }


  • для нужных ссылок (в нашем случае для кнопочек с номерами страниц) описываем аттрибут onclick="return Ajaxify('content',this);"

В результате эти ссылки будут отправлять не обычный, а аяксовый запрос. А первый параметр функции Ajaxify - это id тега в котором находится основной контент.