Error with pushing C# variables to JavaScript

Question

I would like to see my controller's variables in the window JavaScript object. I mean, globally, for particular View. For this, I have the following code in the controller:

    public async Task<IActionResult> Create()
    {
        ViewBag.AdvertiserOptions = await _advertiserRepository.Advertisers.ToListAsync();
        ViewBag.CategorieOptions = await _categoryRepository.Categories.ToListAsync();

        return View();
    }

And on the view I have the following (to catch variables):

@section Scripts
{
    <script>
        window.ManuallySending.advertiser_options = 
            JSON.parse(@JsonConvert.SerializeObject(ViewBag.AdvertiserOptions));

        window.ManuallySending.category_options = 
                    JSON.parse(@JsonConvert.SerializeObject(ViewBag.CategorieOptions));

    </script>
}

It gives me the following error:

And in the JS console in my browser:

Uncaught SyntaxError: Unexpected token &

I'm using newtonsoft json library. Here is a link on the documentation

So, why it is happening? How to convert this " to ordinary " for my case?

Update

I have tried this:

@section Scripts
{
    <script>
        window.ManuallySending.advertiser_options = 
            JSON.parse(@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions)));

        window.ManuallySending.category_options = 
                    JSON.parse(@Html.Raw(JsonConvert.SerializeObject(ViewBag.CategorieOptions)));

    </script>
}

but it gives me new error:

VM191:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse () at Create:127

Does this help you in any way? stackoverflow.com/questions/35105587/… — Caramiriel
– Caramiriel, Commented Nov 16, 2019 at 9:40

Motasem Alsaqqa · Accepted Answer · 2019-11-16 09:59:54Z

1

Try using @Html.Raw() your code should be like this

JSON.parse(@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions)));

Update : for not to having syntax error in javascript you should add a single quotation like the following

JSON.parse('@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions))');

edited Nov 16, 2019 at 9:59

answered Nov 16, 2019 at 9:42

Motasem Alsaqqa

611 silver badge5 bronze badges

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

9 Comments

Aleksej_Shherbak Over a year ago

Thank you. Almost works. But it gives me new one error. I have updated my question.

Motasem Alsaqqa Over a year ago

add single quotation like the following JSON.parse('@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions))'); I'll edit my ansower

Aleksej_Shherbak Over a year ago

It gives me new error Uncaught SyntaxError: missing ) after argument list.

Motasem Alsaqqa Over a year ago

sorry you should use single quotation instead of double quotation like this JSON.parse('@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions))');

Motasem Alsaqqa Over a year ago

Check this, it should solve your problem stackoverflow.com/a/26344334/4749790

|

Collectives™ on Stack Overflow

Error with pushing C# variables to JavaScript

Update

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Update

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related