使用多个控件过滤JSON数据数组

Question

我使用了bootstrap和jquery来制作一个不错的小型移动应用程序，该应用程序从URL中提取对象数组并创建它们的表。 现在，我有大约5个控件（按钮组和下拉菜单）可用于过滤JSON数据。 我的问题是我应该使用ajax吗？ 我希望在更改任何控件时都可以在不刷新页面的情况下进行过滤。 自从我使用ajax以来已经有很多年了（当我在.NET中开发时），但是我知道它已内置在jquery中。 这是构建我的对象表的jquery函数：

$(document).ready(function () {

    var url = "http://json.url/";
    $.getJSON(url, 
        function ( json ) { 
            var tr;
            for (var i = 0; i < json.length; i++) {

                //Create each table row
                tr = $('<tr data-id="' + json[i].id + '" class="tap">');
                tr.append("<td>" + "<span>" + json[i].part_number + "</span>" + "<br>" + 
                                    json[i].diameter + '\"  &raquo; ' + json[i].phases + ' &raquo; ' + 
                                    json[i].voltage + ' &raquo; ' + json[i].rpm);
                tr.append("</td></tr>");
                $('table').append(tr);
             }
    });
});

保留原始数组并存储会更好吗？ 还是每次我单击其中一个过滤器时都调用它？ 我有4个引导程序按钮组和3个选择输入，当它们中的任何一个或全部更改时（最好没有提交按钮），我想使用这些输入进行过滤。 我现在正在阅读jquery.ajax，但想在那里提一个问题，因为我确定我需要一点帮助。

Answer 1

AJAX如何为您提供帮助？ JSON网址是否允许您提供参数，并且会为您过滤数据？

如果您发出的getJSON请求的网址没有为您过滤数据，我认为您将必须将数据存储在javascript中的数组中，并根据您提供的选项的值对该数组执行过滤器