Call JavaScript function from ASP.NET Razor [duplicate]

Question

I am writing Razor code in a view, and need to call a JavaScript function with the JSON that is rendered by the Razor code:

// JavaScript function
function buildTemplate(currentTemplate) {
    alert('hello world');
}

@* Build out entire Template structure in JavaScript *@
@foreach (Template template in Model.Templates)
{            
    buildTemplate(JsonConvert.SerializeObject(template));        
}

For some reason, Razor thinks that buildTemplate is a C# method it can't find, and it errors out.

Has anyone done this before? Any advice?

Thanks,

Philip

Could you not write buildTemplate as a razor helper method using the syntax @helper buildTemplate. You could assign the output to a texbox then read the contents in Jscript? — Wheels73
– Wheels73, Commented May 31, 2017 at 8:47

Cossintan · Accepted Answer · 2017-05-31 08:45:03Z

4

You can either use

@: buildTemplate(@JsonConvert.SerializeObject(template));

or

<text>
buildTemplate(@JsonConvert.SerializeObject(template));
</text>

answered May 31, 2017 at 8:45

Cossintan

1143 silver badges12 bronze badges

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

Comments

Nicolas Meier · Accepted Answer · 2017-05-31 08:45:54Z

2

Try adding <script> Tags

@* Build out entire Template structure in JavaScript *@
@foreach (Template template in Model.Templates)
{            
    <script>buildTemplate(JsonConvert.SerializeObject(template))</script>        
}

I have not tested this Code

answered May 31, 2017 at 8:45

Nicolas Meier

1088 bronze badges

Collectives™ on Stack Overflow

Call JavaScript function from ASP.NET Razor [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related