asp.net mvc 4 - Pass a javascript variable as parameter to @url.Action() - Stack Overflow

admin管理员组

文章数量:1300029

is it possible to pass a javascript variable as a parameter to @url.Action(), because as far as i know there may be server and client side issue, my requirement is i have to download the file according to filter, and ajax call doesnot work with downloading the file. so i have harcode the @url.Action() that works but can not able to implement this, can anyone suggest me how to pass the parameter to @url.Action() or any other approach.

here is my code

<a href="@Url.Action("Export", new { SelectedAccountType="1", FromDate = "2014-02-02", ToDate = "2014-02-02", SelectedAccount = "", SelectedUser = "", SelectedTeam = "" })" class="btn-primary" id="exportbutton2"> Export as CSV</a>

and this is the parameter i want to assign to @Url.Action

<script type="text/javascript">
var accountType = $('#SelectedAccountType').val();
        var fromDate = $('#FromDate').val();
        var toDate = $('#ToDate').val();
        var accountId = $('#SelectedAccount').val();
        var userId = $('#SelectedUser').val();
        var teamId = $('#SelectedTeam').val();
</script>

is it possible to pass a javascript variable as a parameter to @url.Action(), because as far as i know there may be server and client side issue, my requirement is i have to download the file according to filter, and ajax call doesnot work with downloading the file. so i have harcode the @url.Action() that works but can not able to implement this, can anyone suggest me how to pass the parameter to @url.Action() or any other approach.

here is my code

<a href="@Url.Action("Export", new { SelectedAccountType="1", FromDate = "2014-02-02", ToDate = "2014-02-02", SelectedAccount = "", SelectedUser = "", SelectedTeam = "" })" class="btn-primary" id="exportbutton2"> Export as CSV</a>

and this is the parameter i want to assign to @Url.Action

<script type="text/javascript">
var accountType = $('#SelectedAccountType').val();
        var fromDate = $('#FromDate').val();
        var toDate = $('#ToDate').val();
        var accountId = $('#SelectedAccount').val();
        var userId = $('#SelectedUser').val();
        var teamId = $('#SelectedTeam').val();
</script>

• javascript
• asp-mvc-4
• url.action

Share Improve this question Follow asked Jun 9, 2015 at 12:06 TeerthTeerth 16933 gold badges66 silver badges1919 bronze badges 6

• 2 Not possible. Razor code is parsed on the server before its sent to the view (a javascript variable is client side and does not exist on the server). You can use your script to update the href attribute of the generated <a> tag – user3559349 Commented Jun 9, 2015 at 12:13
• @StephenMuecke thats why I mentioned it in my question. Any idea how can I replace those – Teerth Commented Jun 9, 2015 at 12:25
• What does your link currently generate - is it ../Export/1/2014-02-02/... or ../Export?SelectedAccountType=1&FromDate=2014-02-02&...? – user3559349 Commented Jun 9, 2015 at 12:31
• @StephenMuecke yeah Sir it is genereating ../Export?SelectedAccountType=1&FromDate=2014-02-02&ToDate=2014-02-02" – Teerth Commented Jun 9, 2015 at 12:39
• I can show you how to build the href attribute, but why are you not using form with FormMethod.Get? (no jquery would be required at all) – user3559349 Commented Jun 9, 2015 at 12:43

 |  Show 1 more ment

1 Answer 1

Sorted by: Reset to default 7

You need to build you url using javascript/jquery. In the view change the link to

<a id="export" href=#">Export as CSV</a>

Then in the script

var baseurl = '@Url.Action("Export")';
$('#export').click(function() {
  var url = baseurl + '?SelectedAccountType=' + $('#SelectedAccountType').val() + '&FromDate=' + $('#FromDate').val() + '&ToDate=' + $('#ToDate').val() + ...etc
  location.href=url;
});

However if your form is marked with FormMethod.Get, then you can just use a normal submit button and no jquery is required

@using (Html.BeginForm("Export", "yourControllerName", FormMethod.Get))
{
  @Html.TextBoxForm(m => m.SelectedAccountType)
  ....
  <input type="submit" value="Export" />
}

本文标签： aspnet mvc 4Pass a javascript variable as parameter to urlAction()Stack Overflow