jquery - 多按钮点击处理

Question

在我的 html 页面中，我有 4 个购买按钮。单击每个按钮时，将在弹出窗口中填充相应的数据。它工作正常。但是在这 4 个按钮中，有两个具有相同的数据。所以我不需要单独调用来获取这些数据。我想检查页面中是否已经加载了数据，如果是，则需要填充。我正在使用带有 JSON 的 ajax 从后端获取数据。请帮帮我。

提前致谢。

添加小提琴

在这里，如果您使用底部的 firbug>Net 检查，我们可以看到已经加载了 4 个 json 响应。我需要避免这种情况，因为所有这四个响应都是重复的

Answer 1

我会使用 jQuery 并制作一些通用的东西：

$('.buybutton').click(function() {
    loadDataIfNotLoaded();
 });

只需将 class="buybutton" 放在每个购买按钮上，然后检查数据是否已加载到您的函数中。

Answer 2

使用 jquery ajax 时，您可以简单地让 jQuery 完成缓存工作。

$.ajax({

    cache: true,

    success: function(data) {

        // do something now that the data is loaded

    },

    url: '/path/to/my/json/file.js'

});