使用多個控件過濾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中的數組中，並根據您提供的選項的值對該數組執行過濾器