pass variable as parameter to Url.Action in javascript

Question

I am passing parameters to @Url.Action like this:

function showHistory()
{

myId= $("#id").val();
    //alert(myId);
    actionDialog.load("@Url.Action("ActionHistoryAjax", new {id = myId, sort = "abc"})", function   () {
        actionDialog.dialog('open');
    });
}

But gives error "the name myId does not exist in the current context".

How i can pass the variable?

I solved this, this is the solution:

function showHistory()
{

myId= $("#id").val();
//alert(myId);
actionDialog.load("@Url.Action("ActionHistoryAjax", new {id = "_Id", sort = "abc"})".replace("_Id", DeviceID), function   ()     {
 actionDialog.dialog('open');
});
}

Possible duplicate http://stackoverflow.com/questions/9751109/javascript-variable-in-razor-actionlink — cat916
– cat916, Commented May 30, 2013 at 11:45

radbyx · Accepted Answer · 2016-05-23 10:46:57Z

8

I solved it by using this:

function showHistory()
{
    myId= $("#id").val();
    actionDialog.load("@Url.Action("ActionHistoryAjax", new {id = "_Id", sort = "abc"})".replace("_Id", DeviceID), function   ()     {
        actionDialog.dialog('open');
    });
}

edited May 23, 2016 at 10:46

radbyx

9,72022 gold badges93 silver badges133 bronze badges

answered May 30, 2013 at 11:47

Altaf Sami

8465 gold badges10 silver badges21 bronze badges

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

Comments

radbyx · Accepted Answer · 2016-05-23 10:48:53Z

2

You're mixing server-side and client-side code here. You can't pass a Javascript variable into the Url.Action method like that.

You would need to do something like:

function showHistory()
{
    myId= $("#id").val();
    actionDialog.load("@Url.Action("ActionHistoryAjax", new { sort = "abc"})" + 
                      "&id=" + encodeURIComponent(myId), function   () {
        actionDialog.dialog('open');
    });
}

Or else load that ID from the server model.

edited May 23, 2016 at 10:48

radbyx

9,72022 gold badges93 silver badges133 bronze badges

answered May 30, 2013 at 11:43

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Comments

Khalid · Accepted Answer · 2013-05-30 11:45:36Z

-1

old one
function showHistory()
{

  myId= $("#id").val();
  //alert(myId);
  actionDialog.load("@Url.Action("ActionHistoryAjax", new {id = myId, sort = "abc"})", 
  function   () {
    actionDialog.dialog('open');
  });
}

New one

function showHistory()
{

 myId= $("#id").val();
 //alert(myId);
    actionDialog.load("@Url.Action("ActionHistoryAjax", new {id = "+ myId +", 
     sort =    "abc"})", function   () {
     actionDialog.dialog('open');
 });
}

answered May 30, 2013 at 11:45

Khalid

1944 bronze badges

2 Comments

CodingIntrigue Over a year ago

That won't work. That would attempt to assign the string value "+ myId +" to id

boilers222 Over a year ago

This didn't work for me. I literally got the text "myId" as the value for id.

Collectives™ on Stack Overflow

pass variable as parameter to Url.Action in javascript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related