Calling controller action from javascript in view

Question

I want to call action from view using JavaScript, but I can't do this: Here is my code:

@if (ViewBag.Status == true)
{
   <script language="javascript" type="text/javascript">
       if (confirm("Some message"));
       //And here i want to add action call
   </script>
}

I'm trying to use @Html.Action, but this ruined script code and confirm message didn't show. When I write it as shown here: Calling ASP.NET MVC Action Methods from JavaScript:

    @if (ViewBag.Status == true)
    {
       <script language="javascript" type="text/javascript">
           if (confirm("Some message"));
           {
                 $.ajax({
                        url: 'MyController/MyAction',
                        data: { id: id },
                        success: function () {
                            alert('Added');
                        }
                 });
          }
       </script>
    }

nothing changed. It displays confirmation dialog but don't calling method

possible duplicate of Calling ASP.NET MVC Action Methods from JavaScript — jrummell
– jrummell, Commented May 12, 2015 at 12:43
When i use location.href = "@Url.Action("MyAction")" it works fine : o — Kamil Rafałko
– Kamil Rafałko, Commented May 12, 2015 at 13:47
If you remove the if condition, does the ajax call to your controller happen at all? Try debugging your javascript, using for example chrome dev tools (F12) and see what happens. — elolos
– elolos, Commented May 12, 2015 at 13:53

Enzero · Accepted Answer · 2015-05-13 09:38:57Z

You need to change your code to something like this.In which case you would call: func(@ViewBag.Status)

@Section scripts
    <script language="javascript" type="text/javascript">
        //val in this case being the value of the ViewBag passed from where the call is occurring
        function func(val) {
            if (val == true) {
                if (confirm("Some message"));
                {
                    $.ajax({
                        url: 'MyController/MyAction',
                        data: { id: id },
                        type: "POST",
                        success: function () {
                            alert('Added');
                        }
                    });
                }
            }
        }
    </script>
end section

Also in the controller remember to apply the [HttpPost] attribute on the method like so:

[HttpPost]
public ActionResult MyAction(string id)
{
    // your code
    return Json();//your response
}

Lak · Accepted Answer · 2015-05-12 13:48:52Z

1

If i understood you correctly, you want to call your Action method in controller from javascript. And show confirm message on success.

Here is the code for that:

 if ('@ViewBag.Status' == true)
{
$.ajax({
                type: "Post",
                url: '@Url.Action("MyAction", "MyController")',
                data: { Id: Id },
                dataType: "json",
                traditional: true,
                success: function (data) {
                    alert("Success");

                },
            });
}

To hit the success, you need to return the JsonResult or ContentResult or ActionResult from controller.

answered May 12, 2015 at 13:48

Lak

1663 silver badges15 bronze badges

Comments

Bellash · Accepted Answer · 2015-05-12 14:18:37Z

0

JavaScript cannot call a controller action unless you use Ajax or another client side mechanism to talk to the server!

What you need it to use xhr to tak to the server or use following jQuery code

  <script src='jquery-latest.js'></script>
  @if (ViewBag.Status == true)
  {
     <script language="javascript" type="text/javascript">
      if (confirm("Some message")){
         //And here i want to add action call
            $.get('@Url("action","controller",null)')
            .done(function(data){
                //use loaded data here
            }).fail(function(e,f,g){
               console.log({e:e,f:f,g:g})
          });
         }
     </script>
  }

PS: don't forget to reference the jQuery library

edited May 12, 2015 at 14:18

answered May 12, 2015 at 12:46

Bellash

8,2776 gold badges57 silver badges95 bronze badges

1 Comment

Bellash Over a year ago

Mabye your url is not valid see my edited answer near url: '@Url.Action("MyAction","MyController")

Collectives™ on Stack Overflow

Calling controller action from javascript in view

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related