Как обновить данные после ajax?

Question

[Иван Дамаскин]

Всем привет.
Прошу объясните хотя бы теоретически.
На php пишу обычный блог, т.е. есть страница где выводятся материалы, у каждого материала есть рейтинг в виде кнопки лайка и дизлайка.
К примеру я захожу на статью, нажимаю "лайк" мне нужно что бы после нажатия, произошла запись в базу, что впринцепи у меня все работает, записывается строка в базу мол юзер с определенным id поставил лайк к статье с таким то id. Т.е. все гуд. Но проблем а в том что после нажатия мне надо обновить данные, т.е. рядом стоит число лайков, но должно увеличиться ну и соответсвенно добавиться класс к кнопке лайка что бы кнопка поменяла цвет. Ну это уже как бы мелочи, там поменять цвет или размер и т.д.

Проще говоря мне надо после записи данных в бд, вытащить новые данные и обновить информацию (количество лайков) на странице. Ну понятное дело все через ajax без перезагрузки страницы.

Записать могу, вытащить новые данные не могу -(

Comments

[Zhainar]

собственно зачем вытаскивать данные? если ответ сервера положительный, то просто на странице меняете число лайков на один. То есть данные вообще не передаются.

[Иван Дамаскин]

Вот сидел я думал пол часа над этим, и действительно ты прав, это самое оптимальное решение. Ненужно ничего усложнять. Спасибо.

Answer 1

[Максим Тимофеев]

При отправки через ajax вам приходит ответ, событие success. Вот в нем и обновляйте. Мало того Вы же знаете что при клике +1 будет именно +1. Значит можно найти то что было и увеличить на единицу или уменьшить еще до ajax. Или в success если хотите быть уверены, что записалось.

Answer 2

[Николай Лапшин]

$.ajax({
    type: "POST",
    url: u_sroot+u_mod+"/page",
    data: 'var1',
    success: function(answer){
        $("#likes_number").html(answer)
    },
    error: function(){}
});

Собственно на answer получаешь с сервака новые данные и записываешь с помощью jQuery новое число.
Если нужно - могу подробней

Answer 3

[khipster]

request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        var response = request.responseText; // В request.responseText ответ сервера.
    }
}