За последние 24 часа нас посетили 15794 программиста и 1541 робот. Сейчас ищут 759 программистов ...

Сортировка данных с помощью AJAX

Тема в разделе "JavaScript и AJAX", создана пользователем Mr. T, 5 апр 2011.

  1. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    Добрый день,
    начинаю постигать AJAX и возникли первые сложности. Есть страница, на ней выводятся данные, есть несколько ссылок вида page.php?sort=name, при клике на которые, данные сортируются. Хочу сделать эту сортировку с помощью AJAX, покажите, пожалуйста, пример реализации.

    Мои наработки:

    [js]<script type="text/javascript">
    $(document).ready(function(){
    $('a#city').click(function(){
    $.ajax({
    type: 'GET',
    url: 'page.php',
    data: 'sort=city',
    success: function(msg){
    alert(msg);
    }
    });
    });
    });
    </script>[/js]
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    ты должен принять концепцию аякс =) это ПРОСТО ПОЛУЧАЛКА ОТВЕТА ОТ СЕРВЕРА =) это нужно осознать

    твой вопрос звучит примерно как "хочу сделать сортировку через http"
     
  3. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    igordata,
    я понимаю, наверное, :) Скрипт page.php?sort=city выполняет сортировку, мне нужно получить его ответ и обновить содержимое страницы.
     
  4. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    Кстати, тут такая засада. Русские символы возвращаются в виде "�볺���". Как такое лечить? :)
     
  5. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    соблюсти соответствие кодировок.

    что тебе еще надо, если тебе скрипт все делает? ты на jquery.com документацию по методу ajax смотрел?
     
  6. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    Пробую так:

    [js]<script type="text/javascript">
    $(document).ready(function(){
    $('#city').click(function(){
    $.ajax({
    type: 'GET',
    url: 'page.php',
    data: 'sort=city',
    contentType: 'application/x-www-form-urlencoded;charset=windows-1251',
    success: function(data){
    $('body').html(data);
    }
    });
    });
    });
    </script>[/js]

    Результат есть, но все еще в кривой кодировке и не знаю почему, но сразу после загрузки с помощью AJAX я вижу контент еще секунду где-то, а потом начинается снова какая-то загрузка и с экрана все исчезает...
     
  7. asik

    asik Активный пользователь

    С нами с:
    12 июл 2007
    Сообщения:
    211
    Симпатии:
    0
    header('Content-Type: text/html; charset=windows-1251');
     
  8. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    asik,
    спасибо, с кодировкой уже решилось, но хз почему загрузка продолжается.
     
  9. asik

    asik Активный пользователь

    С нами с:
    12 июл 2007
    Сообщения:
    211
    Симпатии:
    0
    в ответ тебе наверное приходит ХТМЛ в котором есть жаваскрипт..... вот он и выполняется.
     
  10. Mr. T

    Mr. T Активный пользователь

    С нами с:
    10 ноя 2010
    Сообщения:
    733
    Симпатии:
    0
    Адрес:
    Украина, г. Киев
    Счетчики посещаемости идут в счет? :) Как быть тогда?