Reload current page with different parameters

Question

I am attempting to reload the current page by passing parameters to javascript and calling location.href.

function setEventListener(item) {
    item.addEventListener('click', function () {

        let sortColumn = item.parentElement.getAttribute('data-sortColumn');
        let sortOrder = item.getAttribute('data-sortOrder');
        let controller = item.getAttribute('data-controller')

        let hostName = window.location.hostname + ':' + window.location.port;
        let url = new URL(hostName + controller + sortColumn + '/' + sortOrder + '/');
        location.href = url.href;
    }

The url is good, I can grab it from console output and paste in to the window and load the page fine. But this just calls the click function and does nothing.

can_pacis · Accepted Answer · 2020-05-13 02:54:52Z

1

Maybe try to add the transfer protocol

item.addEventListener("click", function() {
    let sortColumn = item.parentElement.getAttribute("data-sortColumn");
    let sortOrder = item.getAttribute("data-sortOrder");
    let controller = item.getAttribute("data-controller");

    let hostName = window.location.hostname + ":" + window.location.port;
    let url = new URL(
      location.protocol + "//" + hostName + "/" + controller + sortColumn + "/" + sortOrder + "/"
    );
    location.href = url.href;
});

answered May 13, 2020 at 2:54

can_pacis

3154 silver badges9 bronze badges

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

1 Comment

Brian Barrick Over a year ago

Thank you, I thought it might default that for some reason, now I just need to figure out why it duplicates the attributes in the url on subsequent clicks.

Collectives™ on Stack Overflow

Reload current page with different parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related