javascript - 无法使用jquery调用json结果

Question

c# 和 jquery，

我有两个下拉列表(类别和产品)，并且必须根据类别更改产品列表。

  @Html.DropDownList("categoryId", new SelectList(ViewBag.Category, "Id", "Name"), "Select Parent Category", new { @class = "form-control categorydata" })      
  @Html.DropDownList("productId", new SelectList(ViewBag.Product, "Id", "Name"), "Select Product", new { @class = "form-control product-list" })      

我正在编写以下 Controller 来获取产品列表。它有效。

    [HttpGet]
    public JsonResult GetProducts(int categoryId)
    {
        int tot = new Products().Total;
        int cont = 1;
        Category cat = new Category(2);
        var products = new Products(cont, tot, cat);
       // ViewBag.products = new Products(1,new Products().Total,new Category(categoryId));
        return Json(products);
    }

我的 jquery 是，

$('.categorydata').change(function () {
    var selCat = $(".categorydata").val();
    var url = "~/Add/GetProducts";   
    if (selCat.length != 0) {           
        $.get(url, { id: SelCat }, function (data) {
            alert(data);
        });
    }       
});

这个jquery没有调用 Controller ，所以无法获取数据。

请帮我解决一下。

Answer 1

您应该将 json 数据中的属性名称与操作方法的参数名称保持一致。

$.get(url, { categoryId : SelCat }, function (data) {

请参阅SO Post .