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? https://stackoverflow.com/questions/35105587/how-does-html-raw-mvc-helper-work — Caramiriel, Nov 16 '19 at 09:40

Motasem Alsaqqa · Accepted Answer · 2019-11-16T09:59:54.573

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 '19 at 09:59

answered Nov 16 '19 at 09:42

Motasem Alsaqqa

61
1
5

Thank you. Almost works. But it gives me new one error. I have updated my question. – Aleksej_Shherbak Nov 16 '19 at 09:47
add single quotation like the following JSON.parse('@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions))'); I'll edit my ansower – Motasem Alsaqqa Nov 16 '19 at 09:57
It gives me new error `Uncaught SyntaxError: missing ) after argument list`. – Aleksej_Shherbak Nov 16 '19 at 10:02
sorry you should use single quotation instead of double quotation like this JSON.parse('@Html.Raw(JsonConvert.SerializeObject(ViewBag.AdvertiserOptions))'); – Motasem Alsaqqa Nov 16 '19 at 10:04
Yes, I understand. But it has new parsing errors. Maybe you know prepared package for this? It's pretty common task. It's surprise for me that I can't find something for this in NuGet. – Aleksej_Shherbak Nov 16 '19 at 10:06
Maybe the reason of new error (that sounds like `VM28:1 Uncaught SyntaxError: Unexpected token i in JSON at position 213`) is slashes? I have in the model json field. And in the result it contains slashes. – Aleksej_Shherbak Nov 16 '19 at 10:10
C# or json result? – Aleksej_Shherbak Nov 16 '19 at 10:12
the javascript json object please – Motasem Alsaqqa Nov 16 '19 at 10:13
1

Check this, it should solve your problem https://stackoverflow.com/a/26344334/4749790 – Motasem Alsaqqa Nov 16 '19 at 10:24

Error with pushing C# variables to JavaScript

Update

1 Answers1