JQuery это путь.Он стал промышленным стандартом де-факто, и вы найдете примеры кода практически для всего.Другой автор уже предложил виджет автозаполнения пользовательского интерфейса jQuery, поэтому давайте рассмотрим «любимые» функции.
Давайте представим, что у вас есть скрипт PHP, который генерирует список HTML, содержащий некоторый текст и «id» для каждогоэлемент списка, например:
<ul>
<li id="item1">Item 1</li>
<li id="item2">Item 2</li>
<li id="item3">Item 3</li>
<li id="item4">Item 4</li>
</ul>
Затем на вашем сервере есть файл, который с указанием action
будет что-то делать с id
.С помощью jQuery и небольшого CSS (класс «помеченный») вы можете сделать что-то вроде этого:
jQuery('li').bind("click",function(){
var current = jQuery(this);
var action = "add";
if(current.hasClass("starred")){
action = "remove";
}
jQuery.ajax("favorite.php",{
type:"POST",
data:{action:action,id:current.attr('id')},
onSuccess: function(){
current.toggleClass("starred");
}
});
})
Полный рабочий пример (без серверного скрипта):
http://jsfiddle.net/hbCz8/3/