通过多个复选框搜索，AJAX div 更新...我从哪里开始？答案

【问题标题】：Search By Multiple Checkbox, with AJAX div updating... where do I begin?通过多个复选框搜索，AJAX div 更新...我从哪里开始？
【发布时间】：2012-07-18 17:03:42
【问题描述】：

我希望为网站创建一个相当简单的“通过多个复选框过滤”搜索工具......而且我不知道一旦有人选择/取消选择，我不知道从哪里开始在指定的 div 中实时更新结果一个复选框。

我希望构建一个类似这个页面的过滤系统：

http://thegatewayonline.com/articles/

...我希望有一个系统，其中单击每个复选框会触发表单提交，它将结果加载到同一页面上的指定 DIV 中。

您有任何可以帮助我入门的指针或代码片段吗？

我正在使用 PHP 进行编码。

非常感谢您的帮助！

乔

【问题讨论】：

标签： php javascript jquery checkbox onblur

【解决方案1】：

当点击复选框时，您需要发行 $.ajax通过jQuery致电：

$('.checkbox').click(function() {
    // ajax call here
});

在 AJAX 调用中，有一个名为 success 的回调函数，其中包含一个数据参数。您可以echo PHP 页面中的 JSON 对象（从您的数据库加载可用文章）并将其作为此参数传递。然后，您只需解码此 JSON 对象并在页面上打印您的内容。

JSON 参考：https://developer.mozilla.org/en/JSON

jQuery Ajax：http://api.jquery.com/jQuery.ajax/

【讨论】：