Ler QueryString

<< Click to Display Table of Contents >>

Navigation:  Miscelânea >

Ler QueryString

Previous pageReturn to chapter overviewNext page

Como ler o valor de QueryString

 

Browser

 

qystr

 

Fonte

 

<html>
<head>
</head>
<body>
  <h3>Teste de Leitura de ParamQuery via JS</h3>
  <p>Query:</p>
  <input id="edQuery"/>
  <button type="button" onclick="mostrarQuery();">Click Me!</button>
  <p>Valor:<span id="spValor"></span> </p>
</body>
<script>
function getParameterByName(name, url) {
    if (!url) 
      url = window.location.href;
    name = name.toLowerCase().replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)");
    results = regex.exec(url);
    if (!results) 
      return null;
    if (!results[2]) 
      return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
 
function mostrarQuery() {
    var qy = document.getElementById("edQuery").value;
    var texto = getParameterByName(qy); // "lorem"
    document.getElementById("spValor").innerHTML = texto;
}
// query string: ?foo=lorem&bar=&baz
/*
var foo = getParameterByName('foo'); // "lorem"
var bar = getParameterByName('bar'); // "" (present with empty value)
var baz = getParameterByName('baz'); // "" (present with no value)
var qux = getParameterByName('qux'); // null (absent)
*/
</script>
</html>