JavaScript重定向连接了url而不是重定向

Question

I want to call a controller action whenever a value is updated from a textbox.

Note that this script sits inside the same view which will be returned from the Dispatch/Index controller action

I tried doing it like this:

<script>
    $('#deliveryDate').change(function () {
        var date = $('#deliveryDate').val();
        var sDate = date.split('/');
        location.href = 'dispatch/' + sDate[0] + sDate[1] + sDate[2];
    });
</script>

And it works perfectly the first time the value changes (ie, the page redirects to /dispatch/12122016 ).

However, when I change the value again, it redirects to /dispatch/dispatch/13122016 , so the value just keeps concatanating and this of course produces an error.

---

I tried chaging the redirect line to location.href = '@Url.Action("Index", "Dispatch")/' + sDate[0] + sDate[1] + sDate[2]; , but now it just concatenates the new date on to the url instead of redirecting how I need it to... (ie, it navigates to /dispatch/12122016/13122016 )

Is there ANY way of doing this without including the literal url path??

How can "clear" the current url before redirecting the action I need (which should just be dispatch/12122016 ?

Answer 1

Simply prepend a forward slash in the URL, this should always dictate that the url change is always bound to be absolute.

As a bonus: I also changed your date concatenation after /dispatch into a join.

$('#deliveryDate').change(function () {
    var date = $('#deliveryDate').val();
    location.href = '/dispatch/' + date.split('/').join('');
});

Answer 2

Try this by appending the forward slash. Because your concatenating the dispatch string on every redirect

<script>
    $('#deliveryDate').change(function () {
        var date = $('#deliveryDate').val();
        var sDate = date.split('/');
         Var URL =  '/dispatch/' + sDate[0] + sDate[1] + sDate[2];
        Window.location.href = URL
    });
</script>