Question

我想做一点AJAX。

自动填充
收藏夹（与SO相同的风格 - 点击星标切换条目的优惠）

我几乎不了解客户端脚本 - 我是一名Java程序员。

什么图书馆可以让我做我想要的东西而不会有过分杀戮？我觉得jQuery符合要求，但我不知道这是否已经太复杂了。

Answer 1

您可以使用jquery UI Autocomplete。就收藏品而言，那里有many plugins。

Answer 2

jQuery是要走的路。它成为事实上的行业标准，您将找到几乎所有内容的代码示例。另一张海报已经提出了jQuery UI Autocomplete小部件，所以让我们看看“最喜欢的”功能。

让我们假设你有一个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/

针对新手的AJAX建议

2 个答案: