Update QUERY_STRING without page reload

Question

I currently have this code snippet in a CGI script:

document.onkeydown = function(e) {
    switch (e.keyCode)  {
        case 37:
            document.location = "?direction=West";
            break;
        case 38:
            document.location = "?direction=North";
            break;
        case 39:
            document.location = "?direction=East";
            break;
        case 40:
            document.location = "?direction=South";
            break;
    }
};

That will update the QUERY_STRING and then reload the page. Can this be done without constantly reloading after every key stroke? JSON? jQuery?

I've tried fiddling with url.replace() and history.pushState().. no luck..

This question is **way** too broad. A good direction would be start reading about jQuery and AJAX. — Koby Douek, Nov 14 '17 at 07:17
This code will not reload after every keystroke. If that happens, there must be some other code as well. Also, `history.pushState()` should allow you to change the url without reloading the page. — GolezTrol, Nov 14 '17 at 07:21

score 0 · Answer 1 · answered Nov 14 '17 at 07:24

0

you can use window.history.pushState('page1', 'Title', 'page1?direction=West'); for this. for more infomation adn help check link

answered Nov 14 '17 at 07:24

A.D.

2,352
2
15
25

Ok, that seems to update the link correctly, but how do I submit the form? For the cgi to process it? – idavidgeo Nov 14 '17 at 07:46

Update QUERY_STRING without page reload

1 Answers1