Get part of the current URL using Javascript

Question

fI'm developing a simple and small search in a Wordpress page using a $_GET variable in the url passed by javascript:

<script>
function pesquisar()
{
    var pesquisar = document.getElementById('termo').value;
    var caminho = document.URL+'&pesquisa='+pesquisar;
    window.location = caminho;
}
</script>

<input type='text' id='termo'>
<input type='button' value='pesquisar' onclick='pesquisar()'>

So, the url to search is: MYURL/?page_id=51&pesquisa=test

Of course, the page_id is variable. If I search again, the URL is going to be: MYURL/?page_id=51&pesquisa=test&pesquisa=new, what is wrong.

How could I get just the MYURL/?page_id=51 using javascript? The window.location.pathname is not what I need.

Thanks.

possible duplicate of [How can I get query string values?](http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values) — maerics, Oct 18 '13 at 14:21

score 0 · Answer 1 · answered Oct 18 '13 at 14:21

Try this hopefully it should work

<script>
function pesquisar()
{
    var pesquisar = document.getElementById('termo').value;
    var caminho = location.protocol + '//' + location.host + location.pathname+'&pesquisa='+pesquisar;
    window.location = caminho;
}
</script>

<input type='text' id='termo'>
<input type='button' value='pesquisar' onclick='pesquisar()'>

score 0 · Answer 2 · edited May 23 '17 at 12:05

0

try this.

var a = document.URL;
    var result = a.substr(0, a.indexOf('&'));

Resources:

edited May 23 '17 at 12:05

Community

1
1

answered Oct 18 '13 at 14:21

Henk Jansen

1,142
8
27

score 0 · Accepted Answer · answered Oct 18 '13 at 14:22

0

Anything that searches naively will be vulnerable to problems like this: What if the URL is:

http://example.com/?pesquisa=test&page_id=51

You need to search for and remove the relevant query parameter:

var caminho = document.URL.replace(/([?&])pesquisa=[^&]+&?/,"$1")+"&pesquisa="+pesquisar;

answered Oct 18 '13 at 14:22

Niet the Dark Absol

320,036
81
464
592

This works, but the '&' is still repeating. What kind of rule is this? Is this something like preg-match? – user2375094 Oct 18 '13 at 14:45
Ah yeah... well, I guess you could add an additional `.replace(/&$/,'')` to remove it. And if you want to liken it to PHP, it's basically `preg_replace`. – Niet the Dark Absol Oct 18 '13 at 14:47
Works like a charm now. Thanks. I'll learn about these rules. I'm still a newbie. – user2375094 Oct 18 '13 at 14:57

score 0 · Answer 4 · answered Oct 18 '13 at 14:22

javascript:

<script type="text/javascript">

function get_query_param(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

window.onload = function() {
    if (get_query_param("page_id") != null) {
        alert(window.location.pathname + "?page_id=" + get_query_param('page_id'));
    }
}
</script>

hope that helps.

Get part of the current URL using Javascript

4 Answers4