How to call both javascript function and C# function on a single button click in MVC

Question

I want to call a javascript and a function written in Model Class using a single button click. I used the following code:

<script language="javascript" type="text/javascript">
    function RunEXE() {
        var txtfile = document.getElementById("txtFileName");
        //var txtProgram = document.getElementById("txtProgram");
        //if ((!String.IsNullOrEmpty(txtfile)) && (!String.IsNullOrWhiteSpace(txtProgram))) {
        if (txtfile.value != "") {
            var oShell = new ActiveXObject("WScript.Shell");
            //var prog = "c:\\Pgms\\sample0.exe";

            var prog = "\\\\Test-PC\\Programms\\" + txtfile.value + ".exe";
            oShell.Run('"' + prog + '"', 1);
        } else {
            alert('The file name must be entered in file name textbox');

        }
    }
    </script>

<input type="submit" name="button" value="Run" onclick="RunEXE()" />

The below code is Model function:

public ActionResult Run(UserProgram userProgram)
    {
        SaveAndCompile(userProgram);
        return null;
    }

But its working with Run() alone and not running RunEXE()

Your function in JavaScript will probably not be executed because when you click on a submit button, the default behavior is to cancel all pending processing in js. Is your Run method marked with HttpPost? — thepirat000
– thepirat000, Commented Mar 11, 2014 at 19:17

Balaji Kondalrayal · Accepted Answer · 2014-03-15 04:59:40Z

1

[HttpPost]

public ActionResult RunAction(string option1) { //if needed, you can use the "option1" value to determine the UserProgram to pass UserProgram userProgram = new UserProgram(); Run(userProgram);

//you can return a JSON reuslt that you can evaluate back at the client
return Json(new { @Success = true, @MyString = "a string" });

}

$.post('@Url.Action("RunAction", "MyController")',
  {
     option1: "some optional value"
  },
  function (data) {
      alert("success!");
      //here you have access to your JSON result via data, for example:
      //data.Success = true
      //data.MyString = "a string"
  }

);

answered Mar 15, 2014 at 4:59

Balaji Kondalrayal

1,7513 gold badges19 silver badges40 bronze badges

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

Comments

Nguyen Tran · Accepted Answer · 2014-03-27 04:31:00Z

0

In your case, you can submit your form by JQuery submit function.

I assume your code will like below:

<form id="form" action="/Run">
// your some inputs
<input type="submit" name="button" value="Run" />
</form>

And the javascript for submitting will be:

$(function() {
    $('#form').submit(function() {
        // to do something before the form is submitted
        RunEXE();
        return true; // return false to cancel form action
    });
});

Cheers.

answered Mar 27, 2014 at 4:31

Nguyen Tran

1,1881 gold badge11 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to call both javascript function and C# function on a single button click in MVC

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related