How to return JavaScript from controller?

Question

I'm working with the ASP.NET Core 2.2 project where I need to return JavaScript from the controller. However, I suspect that there is no direct way, hence, I followed this OS answer and changed my code as following:

public IActionResult MyAction()
{
    var sb = new StringBuilder();
    sb.Append("$(document).ready(function(){");
    sb.Append("alert('hi')");
    sb.Append("});");            
    return new JavaScriptResult(sb.ToString());
}

public class JavaScriptResult : ContentResult
{
    public JavaScriptResult(string script)
    {
        this.Content = script;
        this.ContentType = "application/javascript";
    }
}

Though it's just writing plain text instead. Is there way around?

When you say it's "just writing plain text instead", is it to be understood that it's sending Content-Type as text/plain? — ProgrammingLlama
– ProgrammingLlama, Commented Aug 14, 2019 at 7:24
Based on your implementation, i can assume that you want the script to be executed when the controller method is called. If i'm right then it would make more sense if you pass the script via a ViewData obect and reference from your view page like: Controller: ViewData["sayhello"] = "alert('hello');" then from View: head tag <script>@Html.Raw(ViewData["sayhello"].ToString())</script> — Giddy Naya
– Giddy Naya, Commented Aug 14, 2019 at 8:33
Yes, that is an alternative way and currently implemented the same. However, we won't have view page anymore — Divyang Desai
– Divyang Desai, Commented Aug 14, 2019 at 8:36

Nan Yu · Accepted Answer · 2019-08-14 07:50:20Z

11

You can use ajax to load the javascript , in your page :

<script>
    $(function () {
            $.getScript("/Controller/Action");
    });

</script>

Your serve side :

public IActionResult DoSomething()
{
    return new  JavaScriptResult("alert('Hello world!');");
}

public class JavaScriptResult : ContentResult
{
    public JavaScriptResult(string script)
    {
        this.Content = script;
        this.ContentType = "application/javascript";
    }
}

answered Aug 14, 2019 at 7:50

Nan Yu

27.7k9 gold badges75 silver badges157 bronze badges

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

Comments

Nur.B · Accepted Answer · 2021-08-11 15:37:12Z

2

You need to add a second parameter Content-type and return "Content" instead of JavaScriptResult:

`public IActionResult MyAction()
{
  var sb = new StringBuilder();
  sb.Append("$(document).ready(function(){");
  sb.Append("alert('hi')");
  sb.Append("});");            
  return Content(sb.ToString(), "text/html");
}`

answered Aug 11, 2021 at 15:37

Nur.B

4275 silver badges6 bronze badges

Collectives™ on Stack Overflow

How to return JavaScript from controller?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related