нельзя назвать результат JSON с помощью Jquery

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" })  

И я пишу следующий контроллер для получения списка продуктов. Он работает.

[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 это не называли контроллер, и он не может получить данные.

Пожалуйста, помогите мне решить эту проблему.

Answer 1

Вы должны использовать это.

return Json(products,System.Web.Mvc.JsonRequestBehavior.AllowGet);

Answer 2

Попробуйте поставить DATATYPE: «» JSON в вас АЯКС вызова:

Answer 3

Вы должны иметь имя свойства в JSon данных, как же, как и имя параметра метода действия.

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

См. SO Post.