How to pass multiple parameters in url.action in JavaScript in MVC?

Question

I have below javascript function in my MVC application,

function EditProducts(productId, orderId, employeeId, mode) 
{
    mode = "edit";
    debugger;
    var url = '@Url.Action("Index", "Home", new { productId = "__productId__", orderId = "__orderId__", employeeId = "__employeeId__", Mode = "__mode__"})';
    var params = url.replace('__productId__', productId).replace('__orderId__', orderId).replace('__employeeId__', employeeId).replace('__mode__', mode);
    window.location.href = params;
}

But it doesn't work. Here is my controller code by I am not getting any values in below vaiables,

public ActionResult Index(int productId, int orderId, int employeeId, string mode)
{
    return View();
}

Any ideas on how to pass multiple parameters through url.action?

What is the value of params (use console.log(params);` to check the output) — user3559349
– user3559349, Commented Dec 2, 2015 at 2:51
Is your code inside a JS file or inside a CSHTML (razor view) file? — simdrouin
– simdrouin, Commented Dec 2, 2015 at 2:57
@StephenMuecke Here is the response in chrome, params = "/Home?productId=1&orderId=4&employeeId=10&Mode=edit", productId = 1,orderId=4, employeeId=10, mode=edit — AMeh
– AMeh, Commented Dec 2, 2015 at 3:02

simdrouin · Accepted Answer · 2015-12-02 03:38:22Z

15

Use @Html.Raw to prevent the ampersand from being converted to & inside javascript code

function EditProducts(productId, orderId, employeeId, mode) 
{
    mode = "edit";
    debugger;
    var url = '@Html.Raw(Url.Action("Index", "Home", new { productId = "__productId__", orderId = "__orderId__", employeeId = "__employeeId__", Mode = "__mode__"}))';
    var params = url.replace('__productId__', productId).replace('__orderId__', orderId).replace('__employeeId__', employeeId).replace('__mode__', mode);
    window.location.href = params;
}

edited Dec 2, 2015 at 3:38

answered Dec 2, 2015 at 3:21

simdrouin

1,01811 silver badges21 bronze badges

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

Comments

Shyju · Accepted Answer · 2015-12-02 03:25:48Z

Get the base url to the action method using Url.Action helper method and add the querystring params to that.

This should work fine

$(function(){

  var productId = 23;
  var employeeId = 44;
  var orderId = 34;
  var mode = "tes";

  var url = '@Url.Action("Index", "Post")';
  url += '?productId=' + productId + '&orderId=' + orderId + 
                                            '&employeeId=' + employeeId + '&mode=' + mode;
  window.location.href = url;

user2872726 · Accepted Answer · 2018-04-30 13:08:14Z

0

Only Converted the numbers to string

 function EditRoles(companyid, roleid) {

            //debugger;

            var url = '@Html.Raw(Url.Action("EditRol", "Rol", new { companyID = "__companyid__", roleID = "__roleID__"}))';
            var params = url.replace('__companyid__', companyid.toString()).replace('__roleID__', roleid.toString());
            window.location.href = params;
        }

answered Apr 30, 2018 at 13:08

user2872726

1

Collectives™ on Stack Overflow

How to pass multiple parameters in url.action in JavaScript in MVC?

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related