cannot call json result using jquery

Question

c# and jquery,

I have two drop-down lists(category and product), and have to change the product list based on the category.

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

And i am writing the following controller for getting the products list.It is worked.

    [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);
    }

and my jquery is,

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

This jquery is didn't call the controller, and it can not get the data .

Please help me to solve it.

Instead of "~/Add/GetProducts" Use @Url.Action("ActionName", "Controller") and Also instead of $.get use $.getJSON — Satpal
– Satpal, Commented Oct 27, 2014 at 6:21

Community · Accepted Answer · 2017-05-23 12:27:22Z

1

You should keep the property name in json data as same as the parameter name of the action method.

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

Refer the SO Post.

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Oct 27, 2014 at 7:36

Venkatesh

1,2241 gold badge10 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Justin · Accepted Answer · 2014-10-27 06:31:48Z

0

You should use this.

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

answered Oct 27, 2014 at 6:31

Justin

6861 gold badge8 silver badges25 bronze badges

2 Comments

shyama Over a year ago

but jquery never call the controller action

Justin Over a year ago

You used the HttpGet Attribute, so you should use JsonRequestBehavior.AllowGet enum.

soundhiraraj · Accepted Answer · 2014-10-27 06:42:30Z

0

Try to put dataType: 'json' in you ajax call:

answered Oct 27, 2014 at 6:42

soundhiraraj

3231 silver badge9 bronze badges

Collectives™ on Stack Overflow

cannot call json result using jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related