Помогите с аяксом

В двух словах это не объяснишь, почитайте как аякс работает.

Тут описывается подобная задача, только там лайк/дизлайк http://vk-book.ru/ajax-lajkidizlajki-dlya-zapisej/ , но принцип работы тот же.

Да, лайк-дизлайк как раз тоже самое получается, спасибо, буду изучать.

AJAX можно и без jQuery сделать, но это я так, к сведению.

$('#knopka').click(function(){

$.ajax({

url: '/файл php.php',

type: 'POST',

data: {'id': id который надо передать},

success: function(html){

$('#knopka').css('то что нужно с кнопкой сделать');

}

});

});

Примерно так на jquery 🍿

Всем спасибо, все получилось быстрее, чем ожидал, примерно такая функция:

function NoteStrike(id, uid)

{

var note = 'note' + id;

var img = 'img' + id;

if (document.getElementById(note).className == "NoteStriked")

{

var striked = 0;

document.getElementById(note).className = "NoteUnstriked";

document.getElementById(img).src = '../images/unstriked.png';

} else {

var striked = 1;

document.getElementById(note).className = 'NoteStriked';

document.getElementById(img).src = '../images/striked.png';

}

$.ajax({

type: "POST",

url: "/cab/note_update.php",

data: {'action': 'strike', 'id': id, 'uid': uid, 'striked': striked},

dataType: "json",

});

}

Подскажите, если что коряво получилось.

Можно добавить проверку значения из note_update.php и если все нормально, тогда менять картинку.

Данный скрипт не знает добавился ли +1/-1 в базу данных, т.е. кнопочка то у вас работает, но если к примеру кто нибудь нажмет на кнопочку, а в UPDATE не будет выполнен, то после перезагрузки страницы у него опять же появиться 0.

Гляньте сюда http://api.jquery.com/jquery.ajax/ в частности на statusCode и уже на сервере отдавайте заголовок сервера 200 в случае успеха обновления таблицы вместе с каким то (like/dislike), в случае если не изменилось значение 403 к примеру. Ну и соответственно нужно изменить значение кнопочки при статусе в 200.

$.ajax({

//.........

statusCode: {

    200: function(str) {

        var like = (str === 'like' ? 1 : 0);

        // тут уже меняем значение кнопочки

        $('#like').text(like);

    },

    403: function() {

         $('#like').after('Данные в базе не обновлены. И к кнопочке  +1 не прибавили.')

    }

}

})

$.ajax({
//.........
statusCode: {
    200: function(str) {
        var like = (str === 'like' ? 1 : 0);
        // тут уже меняем значение кнопочки
        $('#like').text(like);
    },
    403: function() {
         $('#like').after('Данные в базе не обновлены. И к кнопочке  +1 не прибавили.')
    }
}
})

Спасибо, тоже хороший вариант, но можно проверять, как и в первой ссылке написано?

Скрипт выдает в случае записи в базу:

echo json_encode(array('result' => 'success'));

Затем:

success: function(data){

if(data.result == 'success'){

Меняем картинку на кнопке

}

Верно?

---------- Добавлено 26.08.2014 в 07:36 ----------

А лучше даже сразу получать значение переменной:

echo json_encode(array('strike' => $Strike));

И в зависимости от: data.strike менять кнопочку

---------- Добавлено 26.08.2014 в 07:44 ----------

Вот так получилось:

---------- Добавлено 26.08.2014 в 07:44 ----------

Вроде все работает...

Ну это не принципиально, мне просто с заголовками удобно работать, вот я и пишу так.

Ок, понял, значит это решение тоже нормальное.

Спасибо всем, вроде довел до ума опцию :)