Nouveau sur jQuery et je ne parviens pas à obtenir les paramètres d’une URL générée par mon serveur. J'ai une url comme ceci:
<span class="popuptest"><a href="www.example.com/test?param1=1¶m2=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;
});
});
en cliquant sur le lien devrait me montrer "2", mais je ne reçois rien ... aucune aide pour un jQuery noob? Merci d'avance!
J'ai trouvé ceci sur un blog: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
Vous n'avez pas besoin de jQuery pour cela, vous pouvez utiliser du JavaScript pur:
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)
petite amélioration, analyse l'URL une seule fois, retourne un tableau ou des paramètres:
function getURLParameters(url){
var result = {};
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;
}
c'est si facile, tout ce que vous avez à faire est de mettre le nom de la variable que vous voulez de l'URL dans cette fonction, puis la valeur de la variable d'URL vous sera retournée.
function getParameterByName(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
function getURLParameter(name) {
return decodeURI(
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
);
}
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:
de ici
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
}
// example.com?param1=name¶m2=&id=6
$.urlParam('param1'); // name
$.urlParam('id'); // 6
$.urlParam('param2'); // null
Si simple que vous pouvez utiliser n'importe quelle URL et obtenir de la valeur en Javascript.Et c'est un ensemble complet de 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>
L'utilisation du code ci-dessous pendant un certain temps, mais récemment découvert un problème avec une chaîne base64_encode dans l'URL, ayant == à la fin, comme: /index.php?a=1&b=2&c=Mw==&d=4.
Utiliser getUrlVar ("c") me donne "Mw" comme résultat, mais cela devrait être "Mw ==", donc nous avons 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];
}
});