jQuery: Comment obtenir les paramètres d'une url?

Nouveau à jQuery et je vais avoir de la difficulté à obtenir les paramètres de l'url de mon serveur génère. J'ai une url comme ceci:

<span class="popuptest"><a href="www.example.com/test?param1=1&param2=2">find param</a></span>

ma fonction jquery ressemble à ceci:

$(function() {
  $('.popuptest a').live('click', function(event) {
  $.extend({
    getUrlVars: function(){
      var vars = [], hash;
      var hashes = this.href.slice(this.href.indexOf('?') + 1).split('&');
      for(var i = 0; i < hashes.length; i++)
      {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
      }
      return vars;
    },
    getUrlVar: function(name){
      return $.getUrlVars()[name];
    }
  });
  var second = getUrlVars()["param2"];
  alert(second);
  return false;
  });
});

cliquant sur le lien devrait m'afficher "2", mais je ne reçois rien... toute l'aide pour un jQuery noob? merci à l'avance!

J'ai trouvé ceci sur un blog: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

double possible de Obtenir les valeurs de chaîne de requête en JavaScript
Vrai, mais je pense que c'est une meilleure question que l'original, qui n'a pas d'exemple d'URL et pas de code. Comment il a beaucoup de upvotes est un mystère.
Vous avez raison... je pensais juste parce qu'une réponse ici, juste des références à la question et un autre au fond de copié le code de la accepté de répondre.

InformationsquelleAutor thedeepfield | 2011-02-22

17

Vous n'avez pas besoin de jQuery pour ce faire, vous pouvez utiliser le JavaScript:
```
function getParameterByName( name,href )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}
```
et vous pouvez appeler la fonction de cette façon..getParameterByName(param1,href of your link)

DÉMO
- Bien sûr, vous n'avez pas besoin de jQuery. Comment supposez-vous que jQuery fonctionne? Il utilise JavaScript. Le point de jQuery est la commodité.
- C'est un vilain, un réinventé la roue !!!
InformationsquelleAutor Vivek

petite amélioration, analyser l'url une fois, de retour de tableau ou params:

function getURLParameters(url){

    var result = {};
    var hashIndex = url.indexOf("#");
    if (hashIndex > 0)
       url = url.substr(0, hashIndex);        
    var searchIndex = url.indexOf("?");
    if (searchIndex == -1 ) return result;
    var sPageURL = url.substring(searchIndex +1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {       
        var sParameterName = sURLVariables[i].split('=');      
        result[sParameterName[0]] = sParameterName[1];
    }
    return result;
}

http://jsfiddle.net/shakhal/gXM3u/

Cela ne fonctionnera pas si il y a une table de hachage à la fin
ajouté cas de hachage

InformationsquelleAutor shak

7

il est si facile, tout ce que vous avez à faire est de mettre le nom de la variable que vous voulez à partir de l'URL dans cette fonction, alors il sera de retour la valeur de la variable d'URL
```
function getParameterByName(name) {
 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
```
InformationsquelleAutor Masoud Mustamandi

function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}

InformationsquelleAutor Xman Classical

Votre jquery pourrait être

$(function() {  
 $('.popuptest a').live('click', function(event) {
 $.extend({     getUrlVars: function(){
  var vars = [], hash;
  var hashes = $('.popuptest a').attr("href").slice($('.popuptest     a').attr("href").indexOf('?') + 1).split('&');
  for(var i = 0; i < hashes.length; i++)
  {
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
  }
  return vars;
},
getUrlVar: function(name){
  return $.getUrlVars()[name];
}
  });
  var second = $.getUrlVars()["param2"];
  alert(second);
  return false;
  });
});

choses à noter:

$.getUrlVars en ligne - var secondes = $.getUrlVars()["param2"];
cette.href est remplacé à $('.popuptest un").attr("href")

InformationsquelleAutor user237865

de ici

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}

//example.com?param1=name&param2=&id=6
$.urlParam('param1'); //name
$.urlParam('id');        //6
$.urlParam('param2');   //null

InformationsquelleAutor efirvida

Si simple, vous pouvez utiliser une url et obtenir la valeur en Javascript.Et c'est l'ensemble des codes

<!DOCTYPE html>
<html>
<head>
<script>
var tech = getQueryVariable('filename');
function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}
alert(tech);
</script>
</head>
<body>
<p>Get parameters of a url</p>
</body>
</html>

InformationsquelleAutor Balaji Rajendran

À l'aide du code ci-dessous pour un certain temps, mais récemment découvert un problème avec un base64_encode chaîne de caractères dans l'URL, après avoir == à la fin, comme: /index.le php?a=1&b=2&c=Mw==&d=4.

À l'aide de getUrlVar("c") donne-moi " Mw "comme résultat, mais ce devrait être" de Mw==', donc ajouté une ligne supplémentaire:

 $.extend({
  getUrlVars: function(){
   var vars = [], hash;
   var hashes = $('.popuptest a').attr("href").slice($('.popuptest a').attr("href").indexOf('?') + 1).split('&');
   for(var i = 0; i < hashes.length; i++)
   {
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    if (hash.length > 2) hash[1] = hash.slice(1).join('=');
    vars[hash[0]] = hash[1];
   }
   return vars;
  },
  getUrlVar: function(name){
   return $.getUrlVars()[name];
 }
});

InformationsquelleAutor Bazardshoxer

Vous devez vous connecter pour publier un commentaire.