Why I get error when I try to parse JSON in the JavaScript

Question

I pass JSON to the razor view page with help of ViewBag.

Here is the code in the action function:

    public ActionResult GmailOAuthCallback(string code)
    {
        object contacts = GmailServiceWorkflow.GetContacts(code);
        string json = new JavaScriptSerializer().Serialize(contacts);
        ViewBag.name = json;
        return View("SomeWindow");
    }

At the razor view page I want to parse JSON to the object.

Here is the code in view razor page:

function myFunction() {
        var arrObject = JSON.parse("@ViewBag.name");
        alert(arrObject[0].firstName);
        }

But I get this error:

SyntaxError: JSON.parse: expected property name or '}' at line 1 column 3 of the JSON data

Any idea why I get this error and how to fix it?

THe error states that the JSON-data is invalid. Your code has nothing to do with that. — vrijdenker
– vrijdenker, Commented Nov 1, 2014 at 22:45

user3559349 · Accepted Answer · 2014-11-01 23:10:32Z

2

Rather than using JavaScriptSerializer, you ca acheive this by passing the collection to the view

public ActionResult GmailOAuthCallback(string code)
{
  object contacts = GmailServiceWorkflow.GetContacts(code);   
  ViewBag.name = contacts ;
  return View("SomeWindow");
}

then in the script

function myFunction() {
  var arrObject = JSON.parse('@Html.Raw(Json.Encode(ViewBag.name))');
  alert(arrObject[0].firstName);
}

answered Nov 1, 2014 at 23:10

user3559349

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

5 Comments

Michael Over a year ago

Stephen thanks for the answer but I get red line(error) under Json.

user3559349 Over a year ago

What does the error indicate? You may be missing <add namespace="System.Web.Helpers" /> from your web.config file

Tieson T. Over a year ago

@Michael That just means you need to include the relevant namespace, System.Web.Helpers, and either add a using statement and/or add the System.Web.Helpers to the web.config (as Stephen notes).

Michael Over a year ago

Yes,I know I already have @using System.Web.Helpers ,but steal I get the error

user3559349 Over a year ago

Strange, works for me. The script is not in a external file is it?

Collectives™ on Stack Overflow

Why I get error when I try to parse JSON in the JavaScript

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related