Простая закладка AJAX

Question

У меня есть список элементов на странице с использованием PHP. Я хочу добавить простой AJAX toggle, чтобы пользователи могли добавлять элементы в список во время просмотра.

Так что если пункт-> bookmark field = 1, то элемент закладок и должен показывать простое изображение. Когда они снова нажмут на него, он сделает это = «0» в mysql, а изображение закладки изменится на что-то еще.

Каков наилучший способ сделать это без перезагрузки страницы?

Answer 1

AJAX это способ перехода на сохранение данных на сервере. Но если вы хотите добавить/удалить закладку на лета, а на странице, вы можете использовать функцию, которая переключение закладки и выключать, используя данных- * атрибуты

$(".bookmarkButton").click(function(){ 
if(! $(this).parent().data('bookmark')){ 
    alert('bookmarked'); 
    $(this).parent().data('bookmark', 1); 
    // Add image + AJAX call 
} 
else { 
    alert('not bookmarked'); 
    $(this).parent().data('bookmark', null); 
    // Remove image + AJAX call 
} 

});

Простой JSFiddle: http://jsfiddle.net/YwTuB/

Answer 2

Я чувствую, что вы могли бы гугле "JQuery Ajax пример", но здесь вы идете ...

HTML:

<div class="container"> 
    <div class="item" id="<?php echo $whateverYourIdIs; ?>">Bookmark me!</div> 
</div> 

JQuery:

$(document).ready(function(){ 
    $('.item', $('.container')).click(function(){ 
     var id = $(this).attr('id'); 
     $.ajax({ 
      type: "POST", 
      url: "some.php", 
      data: { id: id } 
     }).done(function(msg) { 
      alert("Data Saved: " + msg); 
     }); 
    }); 
});