为 jQuery 数据表向 Java 控制器传递一个额外的参数答案

【问题标题】：Passing an extra parameter to Java controller for jQuery datatables为 jQuery 数据表向 Java 控制器传递一个额外的参数
【发布时间】：2012-05-28 21:47:55
【问题描述】：

我正在尝试将用户定义的参数传递给作为我的 jquery 数据表的数据源的 Java 控制器。关键是，我想在我的 jsp 上的组合框的更改事件上执行此操作（传递参数）。

这是我的数据表初始化：

var oTable = $('#reqAllQueriesTable')
            .dataTable(
                    {
                        "sDom": '<"H"l<"projectTeamTools">frtip>',
                        "bProcessing": true,
                        "bServerSide": true,
                        "sAjaxSource": "query/getQuery",
                        "bPaginate" : true,
                        "bLengthChange": true,
                        "bScrollCollapse" : true,
                        "iDisplayLength" : 10,
                        "bFilter" : true,
                        "bJQueryUI" : true,
                        "sPaginationType" : "full_numbers",
                        "sSearch": "Search"
                    });

我的组合框的值将被传递给控制器，相应的功能是：

    $("div.projectTeamTools").html('Organize by Project Teams: <select id="projectTeams"><option value="0">Project Team</option><option value="1">All</option><option value="2">Not Associated</option><c:forEach var="projectTeam" items="${userProjectTeams}"><option value="${projectTeam.projectId}">${projectTeam.projectName}</option></c:forEach></select>');  


    $("#projectTeams").change(function () {
        onTeamSelect($(this).val());
    }); 

    function onTeamSelect(teamId){
        alert(teamId +" Selected");
//This function to pass the parameter to the datatable is supposed to be here.
        oTable.fnDraw();
    }

然后数据表显示它从 ajax Source getQuery 接收到的新数据。

PS：我无法使用 fnServerParams，因为我使用的是旧版本的数据表。我曾尝试使用 fnServerData 但它没有帮助。我想我在 fnServerData 中使用 ajax 函数的方式是错误的。

"fnServerData": function ( sSource, aoData, fnCallback ) {
                            $("#projectTeams").change(function() { 
                                 aoData.push( { "name": "myParam", "value": $("#ComboBox option:selected").value() } );
                                    $.ajax( {
                                        "dataType": 'json', 
                                        "url": sSource, 
                                        "data": aoData, 
                                        "success": fnCallback
    });

当我从组合框中选择一个项目时，我无法在浏览器的“Network XHR”中看到我想要传递的参数。请帮忙！

【问题讨论】：

标签： java jquery jsp datatable

【解决方案1】：

得到了答案。在初始化期间，fnServerData 应该是：

"fnServerData": function ( sSource, aoData, fnCallback ) {
                    aoData.push( { "name" : "myTeamId", "value" : myTeamId  } );
                    $.getJSON( sSource, aoData, function (json) { 
                        fnCallback(json);
                    });
              }

以及我要传递参数的组合框的onChange函数：

    $("#projectTeams").change(function () {
        onTeamSelect($(this).val());
    }); 
    function onTeamSelect(teamId){
        myTeamId = teamId;
        oTable.fnDraw();
    }

其中 myTeamId 是一个全局变量。 oTable.fnDraw() 重绘数据表并将teamId 的值分配给myTeamId，我在fnServerData 中使用它。这段代码对我有用！

【讨论】：