将大量选项从控制器传递到视图

Question

我有一个巨大的项目列表（15000）要填充到前端下拉的项目中。因此，我进行了 AJAX 调用（在选择公司时触发），并且此 AJAX 调用对控制器中的操作方法进行，此操作方法填充服务项列表并通过响应将其返回给 AJAX 调用。这是我的 AJAX 调用失败的地方。如果我有大约 100 - 500 个项目，则 ajax 调用有效。我该如何解决这个问题？

控制器代码

[HttpPost]
        public ActionResult GetCompanyInfo(int Name)
        {
            try
            {
                List<SelectList> lists = new List<SelectList>();

                //This yields about 100 - 20000 items depending on the company
                var serviceItem = cache.getServiceItems(Name).ToList();
                serviceItem.Insert(0, null);
                ViewBag.SelectedServiceItem = new SelectList(serviceItem, "ID", "Name", model.SelectedServiceItem);

                //there are some lists here that not shown for the purpose of demonstation 
                lists.Add(ViewBag.SelectedServiceItem);

                return Json(lists);
            }
            catch (Exception e)
            {
                log.Error(e);
                return null;
            }


        }

AJAX 代码：

$("#selectedCompany").change(function () {
            $("#dashSpinner").show();
            var rule = {
                name: $("#selectedCompany").val(),
            }
            debugger;
            $.ajax({
                type: 'POST',
                data: rule,
                url: '@Url.Action("GetCompanyInfo")',
                success: function (lists) {

                    $.each(lists[1], function (i, serviceItem) {
                        $("#SelectedServiceItem").append('<option value="' + serviceItem.Value + '">' +
                         serviceItem.Text + '</option>');
                    });
                    $.each(lists[7], function (i, product) {
                        $("#SelectedProduct").append('<option value="' + product.Value + '">' +
                         product.Text + '</option>');
                    });

                    $("#dashSpinner").hide();


                }
            });

        });

Answer 1

为什么：这个问题是由于“内容长度”（有效负载）通过网络（HTTP 请求）传递而发生的

解决方案：有两种方法可以解决这些问题

1. 在代码级别设置 Content-Length

   lists.Add(ViewBag.SelectedServiceItem); var jsonResult = Json(lists, JsonRequestBehavior.AllowGet); jsonResult.MaxJsonLength = int.MaxValue; return jsonResult;

2. 在您的 web.config 中的配置级别

   <configuration> <system.web.extensions> <scripting> <webServices> <jsonSerialization maxJsonLength="50000000"/> </webServices> </scripting> </system.web.extensions> </configuration>

注意：我建议在配置级别进行配置

谢谢