javascript - 删除客户端的最后一个查询

Question

我有一个下拉列表，根据所选的单选按钮填充:

JS

 $(function getJsonProveedores() {
        var items = "";
        $('input[type=radio][name=editList]').change(function () {
            if (this.value == 'Proveedor') {
                $.getJSON("@Url.Action("GetProveedores", "Agenda")", function (data) {

                    $.each(data, function (index, item) {
                        items += "<option value='" + item.ID + "'>" + item.NombreComercial + "</option>";
                    });
                    $("#lstProveedor").html(items);
                });
            }
            else if (this.value == 'Sucursal') {
                $.getJSON("@Url.Action("GetUnidades", "Agenda")", function (data) {

                    $.each(data, function (index, item) {
                        items += "<option value='" + item.ID + "'>" + item.Nombre + "</option>";
                    });
                    $("#lstProveedor").html(items);
                });

            } else if (this.value == 'Usuario') {
                $.getJSON("@Url.Action("GetUsuario", "Agenda")", function (data) {

                    $.each(data, function (index, item) {
                        items += "<option value='" + item.ID + "'>" + item.Nombre + "</option>";
                    });
                    $("#lstProveedor").html(items);
                });
            }
        });

    });

它正确加载所有 JSON，但我在删除最后一个查询时遇到问题，例如，如果我单击 Proveedor radio，它会加载:

$.getJSON("@Url.Action("GetProveedores", "Agenda")"

接下来，如果我单击 Sucursal radio，它就会加载

$.getJSON("@Url.Action("GetUnidades", "Agenda")"

问题是我一直看到

的第一个查询结果

$.getJSON("@Url.Action("GetProveedores", "Agenda")"

而不是只得到第二个:

$.getJSON("@Url.Action("GetUnidades", "Agenda")"

Controller :

public ActionResult GetProveedores()
        {
            var listaProveedores = db.Proveedores.ToList();
            return Json(listaProveedores, JsonRequestBehavior.AllowGet);
        }

        public ActionResult GetUnidades()
        {
            var listaUnidades = db.Unidades.ToList();
            return Json(listaUnidades, JsonRequestBehavior.AllowGet);
        }

        public ActionResult GetUsuario()
        {
            var listaUsuarios = db.Usuarios.ToList();
            return Json(listaUsuarios, JsonRequestBehavior.AllowGet);
        }

那里可能有什么问题？问候

Answer 1

按照函数/变量的结构方式，items 永远不会超出范围。所以它永远不会被重置。每个后续 AJAX 调用都只是附加到它上面。

相反，从当前作用域中删除 items 变量，并在需要的每个作用域中使用一个本地变量:

$(function getJsonProveedores() {
    $('input[type=radio][name=editList]').change(function () {
        if (this.value == 'Proveedor') {
            $.getJSON("@Url.Action("GetProveedores", "Agenda")", function (data) {
                var items = "";  // <--- declare it here
                $.each(data, function (index, item) {
                    items += "<option value='" + item.ID + "'>" + item.NombreComercial + "</option>";
                });
                $("#lstProveedor").html(items);
            });
        }
        else if (this.value == 'Sucursal') {
        // ... and so on, declaring an "items" in each scope where you need it