How can I put javascript variable into Url.Action

Question

I have a post that work well when I run from VS2015 debug:

        $("#DisplayChartType").bind("change", function () {
            $.post("../Employee/ChangeDisplayChartType", { displayChartType: $("#DisplayChartType").val() }, function (data) {
                iDependOnMyParameter(data);
            })
        });

But post does not work once I have published to IIS. I tried using ../, / and ~/ in the post but none work. I searched web and found the approach below but I still get ARG1 being sent as a parameter instead of my javascript variable.

        $("#DisplayChartType").bind("change", function () {
            $.post("@Html.Action("ChangeDisplayChartType", "Employee", new { displayChartType = "ARG1" })".replace("ARG1",$("#DisplayChartType").val()) , function (data) {
                iDependOnMyParameter(data);
            })
        });

How should I do this? I really would like to stay with $.post approach as that works nicely in VS.

Seems weird to use post and use a querystring. If you switched to GET, it will be added to the querystring. — epascarello
– epascarello, Commented Nov 16, 2016 at 13:38
instead of trying this workaround I would investigate why your code is not working once published in IIS. Can you check the address called by the post? — user449689
– user449689, Commented Nov 16, 2016 at 13:45

vrharilal · Accepted Answer · 2016-11-16 14:58:57Z

1

You can try this code.

  $("#DisplayChartType").bind("change", function () {
        var chartType = $("#DisplayChartType").val();
        var url="@Url.Action("ChangeDisplayChartType", "Employee", new { displayChartType = "ARG1" })";
        $.post(url.replace("ARG1", chartType), function (data) {
            iDependOnMyParameter(data);
        })
    });

answered Nov 16, 2016 at 14:58

vrharilal

1263 bronze badges

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

Comments

epascarello · Accepted Answer · 2016-11-16 13:41:18Z

0

So add it to the url

$.post("../Employee/ChangeDisplayChartType?displayChartType=" + encodeURIComponent($("#DisplayChartType").val()), function(){});

or change your original code to GET and the value will be added to the querystring.

answered Nov 16, 2016 at 13:41

epascarello

208k20 gold badges206 silver badges246 bronze badges

3 Comments

ManInMoon Over a year ago

Like I put in question ../Employee or /Employee or ~/Employee do NOT work when published to IIS

epascarello Over a year ago

$.post("@Html.Action("ChangeDisplayChartType", "Employee", new { displayChartType = "ARG1" })" + "?displayChartType="" + encodeURIComponent...

epascarello Over a year ago

Or look at what that produces when you view the source and use the same thing in your post....

OJ Raqueño · Accepted Answer · 2016-11-16 13:47:16Z

0

You can use window.location.origin or document.location.origin to get the origin of your website, whether running in VS 2015 debug or on IIS.

So instead of doing

$.post("../Employee/ChangeDisplayChartType"

You can try

$.post(document.location.origin + "/Employee/ChangeDisplayChartType"

answered Nov 16, 2016 at 13:47

OJ Raqueño

4,5912 gold badges19 silver badges31 bronze badges

1 Comment

ManInMoon Over a year ago

Almost! See my answer please

ManInMoon · Accepted Answer · 2016-11-16 14:11:15Z

0

@OJ Raqueno put me on the right path.

At top of script I now declare "myPath". My website URL ends with "secure" so this test gives me the right path:

    var myPath = document.URL;
    if (!myPath.endsWith("secure")) {
        myPath = "";
    }

Then I do this:

    $("#DisplayChartType").bind("change", function () {

        $.post(myPath + "/Employee/ChangeDisplayChartType", { displayChartType: $("#DisplayChartType").val() }, function (data) {
            alert($("#DisplayChartType").val());
            iDependOnMyParameter(data);
        })
    });

answered Nov 16, 2016 at 14:11

ManInMoon

7,00517 gold badges76 silver badges150 bronze badges

1 Comment

OJ Raqueño Over a year ago

Glad to know I helped. :)

Collectives™ on Stack Overflow

How can I put javascript variable into Url.Action

4 Answers 4

Comments

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related