有兩個表單，先稱為甲跟乙
裡面分別有A B C跟A B D四種分類
目前他們是分別在兩個網頁，並且是在前端用

$(this).on('change', function () {
    var val;
    val = $('#ID' + $(this).index()).val();
    Table.column($(this).index()).search(val).draw(); }

這個來進行表單篩選動作的

我想在甲那邊用C篩選出了新的結果，而他會一併連動影響到乙
大概就是利用C篩選後的A和B當作Key去同時篩選乙
讓我跳轉到乙表時能顯示相關聯的結果

就假如
兩張表合併會像[A1 B1 C1 D2]、[A2 B3 C1 D1]、[A1 B1 C2 D1]之類的
當我甲表選擇C1 篩選出了[A1 B1 C1]、[A2 B3 C1]
那麼我切換到乙表時，他會顯示[A1 B1 D2]、[A2 B3 D1]的結果

這能在前端就解決，還是得挪到後端進行呢？

實習工作一直以來都被要求進行後端工程，現在突然拿前端的內容要我修改有點讓我不知道該從何下手…
短時間內翻了各種文獻資料學習，但在從沒學過跟用過此程式語言的情況下真的有點難馬上反應可以用甚麼方式解決問題…
再拜託各位幫忙一下了TT

更新：大概架構長這樣..

SQL.cs

public DataTable Get_TableA()
{
    string lo_sSQLStr = "SELECT * FROM TableA ...";
    …
    …
}
public DataTable Get_TableB()
{
    string lo_sSQLStr = "SELECT * FROM TableB ...";
    …
    …
}

TableA.aspx

<script type="text/javascript">
    $(document).ready(function () {
        var TableA = $("#<%=Tb_A.ClientID%>").DataTable({
            initComplete: function () {  
                $('div.dataTables_scrollHeadInner thead tr#filterboxrow th').each(function() {
                    $(this).on('change', function () {
                        var val = $('#ID' + $(this).index()).val();
                        TableA.column($(this).index()).search(val).draw();

                        var data = "{ sPage: 'A', iIndex: " + $(this).index() + ", sValue: '" + val + "' }";
                        $.ajax({
                            type: "POST",
                            url: "Default.aspx/SetFilterSession",
                            data: data,
                            contentType: 'application/json; charset=utf-8',
                            async: false
                        });
                    });
                });
            }
        });

        $.ajax({
            type: "POST",
            url: "Default.aspx/GetFilterSession",
            data: "{ sPage: 'A' }",
            contentType: 'application/json; charset=utf-8',
            async : false,
            success: function (result) {
                if (result.d) {
                    $.each(result.d, function (index, object) { $('#ID' + object.Index).val(object.Value).trigger("change"); });
                }
            }
        });
    });
 </script>