gpt4 book ai didi

javascript - jQuery 使用 ajax 获取 JSON 的最佳方法

转载 作者:行者123 更新时间:2023-11-28 02:49:59 25 4
gpt4 key购买 nike

我正在开发一个电子商店,客户需要 ajax。我认为这是一个坏主意,因为它会很慢。

但是,在查看产品时,左侧有一些过滤器。当用户选择一个过滤器时,其他一些过滤器应该被禁用。

例如,可能有男性和女性都有的夹克,但红色仅适用于女性,因此当用户点击男性时,应禁用红色过滤器。

我想知道实现此目标的最佳方法是什么。我不会为此使用 ajax,只是加载该类别的所有产品并使用 Javascript 过滤它们,但我不能,因为我必须使用 ajax。

那么我应该像 .getJson('filters.php.....', currentFilters, callback) 这样单独进行调用吗?然后决定禁用哪些过滤器? (这需要在数据库执行更多查询)

或者是否可以在结果页面中包含如下内容:

<script type=text/javascript>
var data={jsondatagoeshere};
</script>

我想知道是否所有浏览器都会执行这段代码。还有其他建议吗?

最佳答案

两者都可以正常工作,但这完全取决于数据有多大。

另一种方法是直接在页面上过滤结果(隐藏不匹配的项目):

简单示例:

html

<ul>
<li>Item1 <span>tag1, tag2</span></li>
<li>Item2 <span>tag1, tag3</span></li>
</ul>

CSS

span { display:none }

jquery

$(".filter").click(function() {
$("ul > li").hide().filter(function() {
return $("span", this).text().indexOf("tag1") >= 0;
}).show();
});

这将立即进行过滤,而无需多次调用数据库,但正如我所说,这一切都取决于数据有多大。

关于javascript - jQuery 使用 ajax 获取 JSON 的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4004924/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com