Home/MVC/MVC – Passing JSON data from controller to the view

MVC – Passing JSON data from controller to the view

Passing JSON data from controller to the view


[HttpPost] [ValidateInput(false)] public JsonResult FetchUserDetailsByid(string userID)
List<UserDetailByID>  userDetailollection;
//return the User Details List
userDetailollection = new GetUserDetailsByidModel().FetchUserDetailByid(UserID));
catch (Exception ex)

throw ex;
var jsonSerializer = new JavaScriptSerializer();
string output = jsonSerializer.Serialize(userDetailollection );
return Json(new
}, JsonRequestBehavior.AllowGet);

Included Namespace:

using System;
using System.Collections.Generic;
using System.Web.Mvc;
using System.Web.Script.Serialization;

READ  How to use multiple model in view


$.ajax({url: “@Url.Action(“FetchUserDetailsByid”, “UserDetail”)”,
data: “{ ‘userID’: ‘” + userID + “‘ }”,
dataType: “json”,
type: “POST”,
contentType: “application/json; charset=utf-8”,
success: function(data)
//Converting JSON String to JSON Object
var jsonObject = $.parseJSON(data.output);
if (parseInt(jsonObject.length) > 0)
alert( jsonObject[0].UserName);
error: function(result) {

Note :

1.  URL  “FetchUserDetailsByid” be the name of the method
             “UserDetail” be the name of the controller

READ  Ajax Helpers in ASP.NET MVC

2. “var jsonObject = $.parseJSON(data.output);” is used to converting
         json string to object

Leave A Comment