Asp.net mvc 使用Jquery的动态dropdownlist在MVC3应用程序中加载缓慢吗？

我尝试在MVC端缓存数据，MVC端通过Json返回给客户端。不知道为什么创建这些dropdownlist运行得这么慢

我在一个页面上有3或4个simlar控件

我的代码，如何加快加载速度

function GetAuditStatusTypeSelected(container, selected) {
    var url = '/AMS/Audit/GetAuditStatusTypes';
    $.ajax({
        url: url,
        type: 'post',
        success: function (result) {
            $.each(result, function (i, item) {
                container.append($('<option/>').text(result[i].Audit_Status_Type).attr('value', result[i].Audit_Status_ID));
            });

            if (selected > 0) {
                container.find('option[value="' + selected + '"]').attr("selected", true);
            } else {
                container.append($('<option selected />').text('').attr('value', '0'));
            }

        },
        error: function (xhr, err) {
            alert(url + ' : ' + formatErrorMessage(xhr, err));
        }
    });
}

---

什么在减速？响应时间或页面呈现时间？您应该查看Chrome/Firebug网络选项卡以查看时间和时间线。然后你就可以找出问题所在了！页面加载正常，但加载控件需要一段时间。当页面加载时，它们看起来是空的，需要几秒钟来填充。live example或JSFIDLE/codepen会有所帮助。如果您有太多的项目要插入到每个select 3-4中，正如您所说，将每个选项附加到DOM可能是原因。我会尝试一次构建并附加整个列表。尝试此操作，您可以一次检索所有4个列表：