JSON deserialization on client side unable to parse the json string

Question

On click of an anchor tag the action of my controller is hit. there is a parameter that is passed in query string . I am converting a List to serialized json sting using the below code.

public ActionResult EmployeeVote(string regionID)
 {
   var nomineeList = NomineeModel.GetNomineeByRegionID(Convert.ToInt16(regionID));
   ViewBag.NomineeList = JsonConvert.SerializeObject(nomineeList,Formatting.None);
   return View(ViewBag);
 }

Ths json string I think there is some issue with the way the string is made.

[{&quot;Id&quot;:0,&quot;EmpId&quot;:1,&quot;FirstName&quot;:&quot;First Last&quot;,&quot;Email&quot;:&quot;[email protected]&quot;,&quot;Description&quot;:null,&quot;RegionID&quot;:0}]

On client side. But model list is giving error while deserializing it.

$(function () {
            var modelList = JSON.parse('@ViewBag.NomineeList');
           $(modelList).each((function () { //some logic});
 });

I want to perform an each loop to iterate over the model list to create some dynamic element. Any help ??

The string [{"Id":0,"EmpId":1,"FirstName":"First Last","Email":"[email protected]","Description":null,"RegionID":0}] is not valid JSON. — Matt Ball
– Matt Ball, Commented Feb 14, 2013 at 5:50
@MattBall I thought so can you point why the string is wrongly made. — ankur
– ankur, Commented Feb 14, 2013 at 5:52

Andre Loker · Accepted Answer · 2013-02-14 11:12:47Z

5

The problem is that @ViewBag.NomineeList will HTML-encode the json string. You need to prevent this, but still make sure the string is a valid javascript string.

In the controller:

ViewBag.NomineeList = new JavaScriptSerializer().Serialize(
    JsonConvert.SerializeObject(nomineeList, Formatting.None)
    );

The JavaScriptSerializer makes sure that the string is save to be used in JS, so new lines are encoded etc.

Then, in the view:

var modelList = JSON.parse(@Html.Raw(ViewBag.NomineeList));

Use Html.Raw to prevent HTML encoding
Don't enclose this in quotes as this is already done by JavaScriptSerializer

Update: I added an example how you could make it work without using JavaScriptSerializer. But I reconsidered the potential dangers and I've removed it. Stick to the approach above using JavaScriptSerializer, it's safer.

edited Feb 14, 2013 at 11:12

answered Feb 14, 2013 at 10:58

Andre Loker

8,4181 gold badge25 silver badges36 bronze badges

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

Comments

CoffeeCode · Accepted Answer · 2013-02-14 10:50:08Z

0

Here is an ad hock solution:
Replace the """

ViewBag.NomineeList = JsonConvert.SerializeObject(nomineeList,Formatting.None).Remove(" &quot;");

Also try using http://json.codeplex.com/.

answered Feb 14, 2013 at 10:50

CoffeeCode

4,3149 gold badges43 silver badges55 bronze badges

Collectives™ on Stack Overflow

JSON deserialization on client side unable to parse the json string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related