MVC3 - 调试由 Ajax 调用调用的控制器操作

Question

我正在尝试根据在另一个下拉列表中选择的值填充下拉列表。我正在使用this guy's 示例，但尚未成功运行。我有一个成功的 Ajax 调用，它在父下拉列表的更改事件中触发。我已经验证了传递给 Ajax 函数的数据是正确的。但是，结果是错误（200；JSON 结果中出现意外字符）。我一直试图弄清楚如何调试 a) 在 Ajax 调用中调用的控制器操作和 b) 将结果列表提供给控制器操作的函数。谁能帮我弄清楚如何调试a）和b）？ Visual Studio 2010 似乎没有为调试 Ajax 调用的目标提供很多帮助。

这是我的代码：

1) 控制器操作 (BreedController) 调用列表帮助类函数以将 JSON 对象返回给 Ajax 成功回调。

    //
    // Retrieve JSON object containing breeds for a given species
    //
    [HttpPost]
    public JsonResult BreedsBySpecies(int? id)
    {
        ListHelper lh = new ListHelper();
        return Json(new { items = lh.GetBreedsBySpecies(id) }, JsonRequestBehavior.AllowGet);
    }

2) 应该返回给定物种 ID 的品种的 SelectItemList 的函数。这由控制器操作调用。

    public List<SelectListItem> GetBreedsBySpecies(int? speciesID)
    {

        var breed = from b in db.Breeds
                    select b;

        if (speciesID.HasValue)
        {
            breed = breed.Where(b => b.SpeciesID == speciesID);
        }

        List<SelectListItem> lst = new List<SelectListItem>();
        foreach (var item in breed)
        {
            lst.Add(new SelectListItem { Text = item.Description, Value = item.BreedID.ToString() });
        }

        return lst;
    }

3) 执行 Ajax 调用的 javascript 函数。我已经确认这得到了正确的值（例如，“/Breed/BreedsBySpecies”以获取正确的控制器操作，并且 formData 包含正确的物种 ID）

function selectFromAjax(url, formData, target) {
    $(target).html("");
    if (formData.id) {
        $.ajax({
            type: 'POST',
            url: url,
            data: formData,
            dataType: 'text json',
            contentType: 'application/json; charset=utf-8',
            success: function (data, textStatus) {
                if (data) {
                    $(data.items).each(function () {
                        $(target).append($("<option></option>").attr("value", this.Value).text(this.Text));
                    });
                    $(target).change();
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });
    }
    else {
        $(target).change();
    }
}

Answer 1

如果它做到了那么远，你应该打断点。我的猜测是你需要对你的对象进行字符串化才能让 json .net 能够理解。或者，由于它是如此简单的对象，只需执行以下操作：

 data: "{'id': '" + formData.Id + "'}"

编辑

由于您只是传入一个 id，从技术上讲，您可以只使用 url 来获取您想要的位置，根本不传递任何数据。你只需要这样做：

url: url + '/'+ formData.Id

这确实将您的路由和 javascript 紧密结合在一起，这并不理想，但它可以完成工作。它消除了将任何数据传递给 data 参数的需要。