MVC冻结，页面没有响应几秒钟

Question

当我在视图中添加新的下拉列表时。此下拉列表中包含模型列表。模型在Index行动中加载，行数高达4k。问题是，当我运行页面时，它冻结了5秒钟，在下拉列表填满之前，我的意思是我的整个网站没有响应。我能做什么？

Answer 1

您可以在加载页面后使用ajax调用填充下拉，并在下拉列表中显示任何小进度条，同时加载下拉列表。

您必须创建另一个仅返回下拉元素的操作方法。并且在准备好文档时，您必须对该操作方法进行ajax调用，并在下拉列表中调用ajax调用load下拉项的成功。 ：

$(document).ready(function(){
   $.ajax({
                url: //Url to your action method along with the student name in query string,
                type:get,
                dataType: "json",
                complete: function() {
                    //remove progress bar.
                },
                beforeSend: function() {
                    //Show progress bar.
                },
                success: function (data) {
                    //fill second drop down like:
                    //$("#secondDropDown").append('<option value="' + anyvalue + '">' + anyText + '</option>');
                }
            });
});