在 mvc 中对模态实现分页

Question

在我的 mvc 应用程序上，用户可以进行搜索，然后将结果存储在会话中，然后显示在我的分页工作正常的网络网格上。

问题是我的预先搜索，我通过模态实现了，分页不起作用。每当我尝试转到其他页面时，它都不会显示任何内容。

这就是我现在所拥有的。

控制器

ActionResult Index(filter)
{
    //Retrieve data from regular search
    //Store in a session
    //return session
}
ActionResult GetRegularGrid()
{
    //retrieve regular search session
    //return same session
}
ActionResult AdvanceSearch(filter)
{
    //Retrieve data from advance search
    //store in a session
    //return advance search session to partial view
}

索引视图

<script>              
               $(function () {                       
                   GetRegularGrid();                  
               });
               function GetRegularGrid() {
                   console.log();
                   $.ajax({
                       type: 'POST',
                       url: 'SearchController/GetRegularGrid',
                       success: function (response) {
                           $("#DataList").show();
                           $("#DataList").html(response);
                           $('#ASGrid').hide();
                       },
                       cache: false,
                       error: function (error) {
                           console.log(error);
                       }
                   });
<a href="#" style="font-weight: bold" class="btn" data-toggle="modal" data-target="#AdvSearch">Advance Search</a>
<br />
            <div class="modal fade" id="AdvSearch">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <a href="#" class="close" data-dismiss="modal">&times;</a>
                        <p style="font-weight: bold" class="modal-title">Advance Search</p>
                        </div>
                        <div class="modal-body">
                            <form id="AdvanceSearchForm">
                                @Html.Partial("AdvSearchForm")
                            </form>
                        </div>
                    <div class="modal-footer">
                        <table>
                            <tr>
                                    <td><p align="left">% accepts wildcard</p></td>
                                <td width="320px"></td>
                                <td><input type="button" value="Search" class="btn btn-primary" id="ASearchbtn" /></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div id="ASGrid">
        </div>
        <script>
            $(document).ready(function () {
                $("#ASearchbtn").click(function () {
                    var form = $('#AdvanceSearchForm');
                    var ASData = $('#AdvanceSearchForm').serialize();
                    $.validator.unobtrusive.parse(form);
                    form.validate();
                    if (form.valid()) {
                        $("#ErrMsg").text("");
                        $.ajax({
                            type: "POST",
                            url: "/SearchController/AdvanceSearch",
                            data: ASData,
                            datatype: "html",
                            cache: false,
                            success: function (response) {
                                $("#AdvSearch").modal("hide");
                                $('#ASGrid').html('');
                                $('#ASGrid').html(response);
                                $('#ASGrid').show();
                                $("#DataList").hide();
                                $('.modal-backdrop').remove();
                                $('#noresult').hide();                                    
                            },
                            error: function (error) {
                                $("#ErrMsg").text("Invalid search - Atleast one field is required.");
                                console.log(error);
                            }
                        });
                    }
                    $(document).ajaxComplete(function () {                          
                        $('tbody tr').hover(function () {
                            $(this).toggleClass('clickable');
                        }).on('dblclick', function () {
                            var sid = $(this).find('td:eq(0)').text();
                            $("#subId").val(sid);
                        })
                        return false;
                    });
                    return false;
                });                    
            });
        </script>

Answer 1

我将 POST 更改为 GET 以解决此问题，它现在可以工作了

<script>
        $(document).ready(function () {
            $("#ASearchbtn").click(function () {
                var form = $('#AdvanceSearchForm');
                var ASData = $('#AdvanceSearchForm').serialize();
                $.validator.unobtrusive.parse(form);
                form.validate();
                if (form.valid()) {
                    $("#ErrMsg").text("");
                    $.ajax({
                        type: "GET",
                        url: "/SearchController/AdvanceSearch",
                        data: ASData,
                        datatype: "html",
                        cache: false,
                        success: function (response) {
                            $("#AdvSearch").modal("hide");
                            $('#ASGrid').html('');
                            $('#ASGrid').html(response);
                            $('#ASGrid').show();
                            $("#DataList").hide();
                            $('.modal-backdrop').remove();
                            $('#noresult').hide();                                    
                        },
                        error: function (error) {
                            $("#ErrMsg").text("Invalid search - Atleast one field is required.");
                            console.log(error);
                        }
                    });
                }
                $(document).ajaxComplete(function () {                          
                    $('tbody tr').hover(function () {
                        $(this).toggleClass('clickable');
                    }).on('dblclick', function () {
                        var sid = $(this).find('td:eq(0)').text();
                        $("#subId").val(sid);
                    })
                    return false;
                });
                return false;
            });                    
        });
    </script>