URL.Action return &in URL

I recently encountered one issue that URL.Action returns & in URL,

Basically URL.Action method, which is used to resolve the qualified URL on based on Controller, Action Name with Route variable data, returns the qualified URL

Here is source code

HTML View:

  <script type="text/javascript">

$.OrderDetailsURL =  '@Url.Action("OrderDetails", "Order", new { orderID =OrderID, Status =Updated })';

  </script>

When you see javaScript variable OrderDetailsURL  value which have &amp ; in place of &

http://localhost:1200/Order/OrderDetails?orderID=122&amp;Status=Update

and we are expecting @Url.Action  method should return below URL without &amp ;

 http://localhost:1200/Order/OrderDetails?orderID=122&Status=Update

There are two ways to overcome this issue.

 1. Use @HTML.Row() – it returns string which are not HTML encoded. 

$.OrderDetailsURL =  '@Html.Raw(@Url.Action("OrderDetails", "Order", new { orderID =OrderID, Status =Updated }))';

 2. In JavaScript, Call replace method to update &amp with &

          document.location.href = $. OrderDetailsURL.replace("&","&");

Thanks for visiting!!