Return Json object from controller and parse in jquery

Question

Controller:

int intId = 0;
var jsonlist = new JsonResult();
for (var i = 0; i < model2.Count; i++) {
    intId = (int) model2[i].Id;
    var abc = objModel.GetSubCategories(ID, intId);
    Json(new {
            jsonlist = abc
        },
        JsonRequestBehavior.AllowGet);
}
ViewData["SubTypes"] = jsonlist;

@
ViewBag.Total = intTotal;
return View(model);
}

JS:

var myArray = new Array();
var list = ('<%: ViewData["SubTypes"] %>');
alert(list);
myArray = $.parseJSON(list);
////        var obj = new Object();
//        var obj = JSON.parse(myArray);
//        alert(obj);

The alert is System.Web.MVC.JsonResult. I am not able to parse it.

What am I doing wrong?

You should use var myArray = @Html.Raw(Json.Encode(ViewData["SubTypes"]));. No need to parse it on the client-side when MVC does it by default — CodingIntrigue
– CodingIntrigue, Commented Dec 12, 2013 at 12:10

S Thomas · Accepted Answer · 2013-12-13 17:57:15Z

Why dont you use an Ajax post and return a Jason result instead of parsing the jason result from a hidden variable?

**$.ajax({
        url: "/Controller/ActionName/",
        data: $('#FormId').serialize(), //Serializing the Form data here
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        success: function (response) {
            if (response.success) {
                //You should be able to parse the jason result from 
                alert(response.SubTypes.ID) //Example
            }
        }
    });


    public class ResultViewModel
    {
        public IList<SubCategory> SubCategoryList { get; set; }
    }

    public class SubCategory
    {
        //Set the properties
    }


        [HttpPost]
        public JsonResult ActionName(Viewmodel model)
        {
            ResultViewModel result = new ResultViewModel();

            for (var i = 0; i < model2.Count; i++) {
                intDewCardTypeId = (int) model2[i].DewCardTypeId;
                var abc = objProductModel.GetSubCategories(ID, intDewCardTypeId);
                result.SubCategoryList.Add(abc);
            }
            return Json(new { success = true, ErrorMessage = String.Empty, SubTypes = result });
        }**

Collectives™ on Stack Overflow

Return Json object from controller and parse in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related