MVC3 Calling controller method from Javascript

Question

In MVC3. I have a button class"open-deleteRowDialog" when i click on it goes to this javascript:

 $(document).on("click", ".open-DeleteRowDialog", function () { 
         var pwd= '@Url.("GeneratePsw","Admin")';
         $(".modal-body #pwd").val(pwd);
        $('#1').modal('show');

})

what i want is to call a method (in controller), who has to return a string, that´s what i want to save in "var pwd" to show in a model (view)

the method (in controller) is:

public string GeneratePsw()
        {


            HomeBridgeEntities ddbb = new HomeBridgeEntities();
            SqlConnection Cn = new SqlConnection(((System.Data.EntityClient.EntityConnection)ddbb.Connection).StoreConnection.ConnectionString);
            SupPassGenerator sup = new SupPassGenerator(Cn);

            //psw conteins a password from CreateRandomPassword

            string psw = sup.CreateRandomPassword(9);


            return psw;


        }

thank you!

You need to use AJAX.

SLaks
– SLaks

2013-03-14 15:14:28 +00:00
Commented Mar 14, 2013 at 15:14 — SLaks
– SLaks, Commented Mar 14, 2013 at 15:14
could you please write any example in AJAX?? thank you!

Alsan
– Alsan

2013-03-14 15:16:27 +00:00
Commented Mar 14, 2013 at 15:16 — Alsan
– Alsan, Commented Mar 14, 2013 at 15:16

Shyju · Accepted Answer · 2013-03-14 15:23:53Z

6

Make an ajax call to your controller action method. You may use $.get method like below.

$(function(){
   $(document).on("click", ".open-DeleteRowDialog", function () { 
      var pwd="";
       $.get("@Url.Action("Yourcontroller","GeneratePsw")",function(data){
           pwd=data;
           //now do whatever you want with pwd variable;
       });    
    })
 });

$.get is a short form of $.ajax method with type HTTP GET.

If you have trouble like cached data in the response, you may add a unique timestamp in your get call so that you won't get the cached result. You may use $.now method.

 $.get("@Url.Action("Yourcontroller","GeneratePsw")?"+$.now(),function(data){
    // to do : do something with result
 });

Another way is to set the cache property value to false in ajaxSetup method. But this will be applicable to all ajax calls.

edited Mar 14, 2013 at 15:23

answered Mar 14, 2013 at 15:15

Shyju

220k106 gold badges420 silver badges499 bronze badges

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

Comments

David L · Accepted Answer · 2013-03-14 15:18:01Z

2

Use jQuery ajax and call the controller method directly as a url

$(document).on("click", ".open-DeleteRowDialog", function () { 
    var pwd="";
    $.get('Yourcontroller/GeneratePsw', function(data){
        pwd=data;
        //now do whatever you want with pwd variable;
    });    
})

answered Mar 14, 2013 at 15:18

David L

34.1k8 gold badges70 silver badges98 bronze badges

Collectives™ on Stack Overflow

MVC3 Calling controller method from Javascript

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