Здравствуйте, есть сайт на котором находятся товоры нужно реализовать голосование на ajaxe (данные заносятся в БД, и обновляется результат голосования).
HTML:
<form>
<div class='tovar'>
<div class='vote'>Всего голосов: 34</div>
<input type='hidden' id='$id_tovar'> // в данном случае $id_tovar = 1
<input type='hidden' id='$id_user'>
<input type='submit' class='submit_vote' value='голосовать'>
</div>
</form>
<form>
<div class='tovar'>
<div class='vote'>Всего голосов: 10</div>
<input type='hidden' id='$id_tovar'> // в данном случае $id_tovar = 2
<input type='hidden' id='$id_user'>
<input type='submit' class='submit_vote' value='голосовать'>
</div>
</form>
js:
$(function(){
$(".submit_vote").click(function(){
var id_tovar=$("#id_tovar");
var id_user=$("#id_user");
$.ajax({
type: "POST",
url: "handlers/like_wall",
data: {"id_tovar": id_tovar,"id_user": id_user},
cache: false,
success: function(response){
$(".vote").text(response);
}
});
return false;
});
});
До того как я решил сделать ajax все работало хорошо, то есть проблем с php обработчиком нет, но после того как я решил обновить голосования и внедрить js у меня нечего не получается.
Вот список проблем с которыми я столкнулся:
1) Я не знаю как научить этот js код, чтобы он понимал по какому товару я кликаю, а то если я буду голосовать за
второй товар, то этот код думает, что я голосую за
первый товар.
2) И еще как сделать так, чтобы ответ (response, 10-11 строка js кода) возвращался именно в тот блок за который я голосую, а то тут такая же проблема, если я голосую за
второй товар, то js думает, что я голосую за
первый и в нем обновляет результаты.
Спасибо большое за помощь!