Can We call jquery function from controller in mvc

Hey You can try like this,

Controller:-

public class HomeController : Controller
{
// GET: /Home/
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(string name)
{
if (!string.IsNullOrEmpty(name))
{
ViewData["JavaScriptFunction"] = "ShowSuccessMsg();";
}
else
{
ViewData["JavaScriptFunction"] = string.Format("ShowFailure('{0}');", name);
}
return View();
}
}

View:-

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Indextitle>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/1/jquery.min.js">script>
<link media="screen" rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js">script>
<script type="text/javascript">
function ShowSuccessMsg() {
toastr.success("Successfully Added.");
};
function ShowFailure(name) {
toastr.error("Addition Failed.");
};
script>
head>
<body>
<div>
<%using (Html.BeginForm("Index", "Home", FormMethod.Post))
{%>
<input type="text" name="name" />
<input type="submit" value="Save" />
<%} %>
div>
<% if (ViewData["JavaScriptFunction"] != null)
{%>
<script type="text/javascript">
<% Response.Write(ViewData["JavaScriptFunction"]);%>
script>
<%}%>
body>
html>

You can use ViewBag also inplace of ViewData.

If it helps Mark as answer.

Thanks.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Salman Beg7y ago
Accepted answer
Hey You can try like this,

Controller:-
public class HomeController : Controller
{
    // GET: /Home/
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(string name)
    {
        if (!string.IsNullOrEmpty(name))
        {
            ViewData["JavaScriptFunction"] = "ShowSuccessMsg();";
        }
        else
        {
            ViewData["JavaScriptFunction"] = string.Format("ShowFailure('{0}');", name);
        }
        return View();
    }
}
View:-
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Indextitle>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/1/jquery.min.js">script>
    <link media="screen" rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js">script>
    <script type="text/javascript">
        function ShowSuccessMsg() {
            toastr.success("Successfully Added.");
        };
        function ShowFailure(name) {
            toastr.error("Addition Failed.");
        };
    script>
head>
<body>
    <div>
        <%using (Html.BeginForm("Index", "Home", FormMethod.Post))
          {%>
        <input type="text" name="name" />
        <input type="submit" value="Save" />
        <%} %>
    div>
    <% if (ViewData["JavaScriptFunction"] != null)
       {%>
    <script type="text/javascript">
            <% Response.Write(ViewData["JavaScriptFunction"]);%>
    script>
    <%}%>
body>
html>
You can use ViewBag also inplace of ViewData.
If it helps Mark as answer.
Thanks.
Sanwar Ranwa7y ago
Hello Ggopi

Check these Links it may help you

https://www.c-sharpcorner.com/UploadFile/337dfd/useful-way-to-call-controller-actions-from-html-using-jquery/

https://www.c-sharpcorner.com/article/calling-a-c-sharp-function-with-jquery-ajax-in-asp-net-mvc/
Jignesh Kumar7y ago
Yes we can call Jquery function from MVC controller action method.

https://www.aspsnippets.com/Articles/Call-JavaScript-Function-from-Controller-in-ASPNet-MVC.aspx

https://forums.asp.net/t/2077933.aspx?Calling+Function+Ajax+or+Jquery+from+Controller+Method+Action+