jquery - 使用 AJAX 将 JSON 值绑定(bind)到下拉列表

Question

我正在尝试使用 .json 文件绑定(bind)下拉菜单。

我的操作方法:

 public JsonResult LoadDropdown()
    {
        using (StreamReader sr = new StreamReader(Server.MapPath("~/Scripts/Drop1.json")))
        {
            var users = JsonConvert.DeserializeObject<List<Item>>(sr.ReadToEnd());
            return Json(users, JsonRequestBehavior.AllowGet);
        }

    }

我的 AJAX:

$.ajax({
        type: "GET",
        url: "/Home/LoadDropdown",            
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var ddlCustomers = $("[id*=drop1]");
            ddlCustomers.empty().append('<option selected="selected" value="0">--Please select--</option>');
            //alert(data.d);
            $.each(data.d, function () {
                ddlCustomers.append($("<option></option>").val(this['id']).html(this['name']));
            });                
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(textStatus + "_" + errorThrown);
        }
    });        

我的操作方法返回以下 JSON 对象，

现在在 Ajax 中，当我在循环之前检查“data.d”时，我得到“未定义”。还有保存对象的“数据”，例如 - [对象]。谁能帮我看看这是什么错误？

Answer 1

尝试以下操作:

$.each(data, function (i,v) {
     ddlCustomers.append($("<option</option>",{value:v.id,text:v.name});
});