asp.net - Ajax 支持搜索具有多个条件的产品

Question

想要有这个网站上的搜索功能

在这里，每当用户过滤搜索（选中任何复选框）时，它都会相应地更新结果，这可以理解为 ajax 过滤器。

但同时，查询字符串也反映了变化，这有助于用户将过滤器搜索添加到书签以供以后参考。

通过 asp.net/javascript 更改它可能会导致页面重新加载..

任何有关实施相同的提示或建议都会非常有帮助..

score 1 · Accepted Answer

-- 对于第一部分，他有一组带有自动回发的复选框列表。

在每次回发中，列表都会根据选中的复选框进行更新。

到目前为止一切都很简单，很酷的是它有一个很好的交互界面（用 javascript 和 jQuery 制作）。

-- 关于第二部分，它如何更改 url 以便可以在不重新加载页面的情况下成为书签。这里的技巧是将参数放在锚点之后，#例如：

/new/search.aspx#budget=2

使用锚#，页面不会重新加载并保持原样。因此，当有人单击复选框时，通过 javascript 也会更新 url，但仅更新之后的内容，#因此页面保持原样而无需完全重新加载。

现在后面的#代码无法读取后面的参数，只能通过javascript读取。

因此，当您为此页面添加书签并直接转到例如/new/search.aspx#budget=2javascript 读取之后的内容#并将其转换为命令时，选中相应的复选框，并要求刷新内容。所有这些都只能通过 javascript 来完成。

我看到这是在jQuery history plugin这个模式中使用 as 助手。

#当您在目录上从一页到另一页导航时，从亚马逊完成了与参数相同的技巧。

-- 一个更聪明的技巧是打开一个完整的页面等待，所以用户不能与页面交互，直到页面再次准备好。如果它不这样做，并且用户在复选框上快速单击两次，那么这可能会导致更新面板上的整页回帖，这可能会丢失以前的设置。

score 1 · Accepted Answer

这可以在三件事的帮助下完成

1）正如@Aristos所说，启用自动回发的复选框

2) Ajax 控制工具包 Modalpopup，它在每次异步回发时自动触发 (http://weblogs.asp.net/ruslan/pages/ajax-update-progress-updateprogress-in-ajax-modal-popup-modalpopupextender.aspx 或http://mattberseth.com/blog/2007/07/modalpopup_as_an_ajax_progress.html )

3）历史点（http://msdn.microsoft.com/en-us/library/cc488548.aspx）

如果您不想使用它，这可以完全不使用 jQuery 来完成。

2 回答 2