Obtenir l'url le paramètre jquery Ou Comment Obtenir des Valeurs de Chaîne de Requête En js

Meilleure solution ici.

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
};

Et ce est la façon dont vous pouvez utiliser cette fonction en supposant que l'URL est,

http://dummy.com/?technology=jquery&blog=jquerybyexample.

var tech = getUrlParameter('technology');
var blog = getUrlParameter('blog');

jQuery extrait de code pour obtenir la dynamique des variables stockées dans l'url sous la forme de paramètres et de les stocker en tant que variables JavaScript prêt pour une utilisation avec vos scripts:

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

exemple.com?param1=nom&param2=&id=6

$.urlParam('param1'); //name
$.urlParam('id');        //6
$.urlParam('param2');   //null

exemple params avec des espaces

http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//output: Gold%20Coast



console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast

Peut-être c'est trop tard. Mais cette méthode est très facile et simple

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.url.js"></script>

<!-- URL:  www.example.com/correct/?message=done&year=1990 -->

<script type="text/javascript">
$(function(){
    $.url.attr('protocol')  //--> Protocol: "http"
    $.url.attr('path')      //--> host: "www.example.com"
    $.url.attr('query')         //--> path: "/correct/"
    $.url.attr('message')       //--> query: "done"
    $.url.attr('year')      //--> query: "1990"
});

Mise à JOUR

Nécessite l'url du plugin : plugins.jquery.com/url

Merci -Ripounet

Ou vous pouvez utiliser cette jolie petite fonction, parce que pourquoi être trop compliqué de trouver des solutions?

function getQueryParam(param) {
    location.search.substr(1)
        .split("&")
        .some(function(item) { //returns first occurence and stops
            return item.split("=")[0] == param && (param = item.split("=")[1])
        })
    return param
}

qui est encore mieux quand simplifié et onelined:

tl;dr une solution en ligne

var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})

résultat: 
queryDict['envoyer'] //non défini ou "valeur" 

Mais que faire si vous avez caractères codés ou à valeurs multiples touches?

Mieux vous voir cette réponse: Comment puis-je obtenir des valeurs de chaîne de requête en JavaScript?

Pic

"?a=1&b=2&c=3&d&e&a=5&a=t%20e%20x%20t&e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab"
> queryDict
a: ["1", "5", "t e x t"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&car=saab"]

> queryDict["a"][1] //"5"
> queryDict.a[1] //"5"

Peut-être que vous pourriez vouloir donner à Dentiste JS un coup d'oeil? (disclaimer: j'ai écrit le code)

code:

document.URL == "http://helloworld.com/quotes?id=1337&author=kelvin&message=hello"
var currentURL = document.URL;
var params = currentURL.extract();
console.log(params.id); //1337
console.log(params.author) //"kelvin"
console.log(params.message) //"hello"

avec le Dentiste JS, vous pouvez appeler l'extrait() la fonction sur toutes les chaînes (par exemple, document.URL.extrait() ) et vous obtenez en retour un HashMap de tous les paramètres trouvés. Il est également personnalisable à traiter avec des séparateurs et tous.

Version minifiée < 1 ko

JS:

function GetRequestParam(param)
{
	var res = null;
	try{
		var qs = decodeURIComponent(window.location.search.substring(1));//get everything after then '?' in URI
		var ar = qs.split('&');
		$.each(ar, function(a, b){
			var kv = b.split('=');
			if(param === kv[0]){
				res = kv[1];
				return false;//break loop
			}
		});
	}catch(e){}
	return res;
}

Il y a cette grande bibliothèque:
https://github.com/allmarkedup/purl

qui vous permet de le faire simplement

url = 'http://example.com?sent=yes';
sent = $.url(url).param('sent');
if (typeof sent != 'undefined') { //sent exists
   if (sent == 'yes') { //sent is equal to yes
     //...
   }
}

L'exemple est en supposant que vous êtes à l'aide de jQuery. Vous pouvez également l'utiliser comme un simple javascript, la syntaxe serait alors un peu différent.

Si simple, vous pouvez utiliser une url et obtenir la valeur

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.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, " "));
}

Exemple D'Utilisation

//query string: ?first=value1&second=&value2
var foo = getParameterByName('first'); //"value1"
var bar = getParameterByName('second'); //"value2" 

Remarque: Si un paramètre est présent plusieurs fois (?tout d'abord=valeur1&seconde=valeur2), vous obtiendrez la première valeur (valeur1) et de la deuxième valeur (valeur2).

Cela vous donnera un bel objet à travailler avec

    function queryParameters () {
        var result = {};

        var params = window.location.search.split(/\?|\&/);

        params.forEach( function(it) {
            if (it) {
                var param = it.split("=");
                result[param[0]] = param[1];
            }
        });

        return result;
    }

Et puis;

    if (queryParameters().sent === 'yes') { .....

Il y a un autre exemple avec l'aide de URI.js bibliothèque.

Exemple les réponses aux questions exactement comme demandé.

JS:

var url = 'http://example.com?sent=yes';
var urlParams = new URI(url).search(true);
//1. Does sent exist?
var sendExists = urlParams.sent !== undefined;
//2. Is it equal to "yes"?
var sendIsEqualtToYes = urlParams.sent == 'yes';

//output results in readable form
//not required for production
if (sendExists) {
  console.log('Url has "sent" param, its value is "' + urlParams.sent + '"');
  if (urlParams.sent == 'yes') {
    console.log('"Sent" param is equal to "yes"');
  } else {
    console.log('"Sent" param is not equal to "yes"');
  }
} else {
  console.log('Url hasn\'t "sent" param');
}

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.2/URI.min.js"></script>

Coffeescript version de Sameer la réponse de

getUrlParameter = (sParam) ->
  sPageURL = window.location.search.substring(1)
  sURLVariables = sPageURL.split('&')
  i = 0
  while i < sURLVariables.length
    sParameterName = sURLVariables[i].split('=')
    if sParameterName[0] == sParam
      return sParameterName[1]
    i++

J'utilise et ça marche.
http://codesheet.org/codesheet/NF246Tzs

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
    });
return vars;
}


var first = getUrlVars()["id"];

S'il y a le & dans les paramètre de l'URL comme nom de fichier="p&g.html"&uid=66

Dans ce cas, le 1er ne fonctionne pas correctement. J'ai donc modifié le code

function getUrlParameter(sParam) {
    var sURLVariables = window.location.search.substring(1).split('&'), sParameterName, i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
}

Si vous voulez trouver un paramètre spécifique à partir d'une url spécifique:

function findParam(url, param){
  var check = "" + param;
  if(url.search(check )>=0){
      return url.substring(url.search(check )).split('&')[0].split('=')[1];
  }
}  

var url = "http://www.yourdomain.com/example?id=1&order_no=114&invoice_no=254";  
alert(findParam(url,"order_no"));

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

Voulais juste montrer mes codes:

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

}

Obtenir les param partir d'une chaîne:

Object.defineProperty(String.prototype, 'urlParam', {

    value: function (param) {

    "use strict";

    var str = this.trim();

    var regex = "[\?&]" + param + "=([^&#]*)";

    var results = new RegExp(regex, "i").exec(str);

    return (results !== null) ? results[1] : '';

    }
});

à utiliser:

var src = 'http://your-url.com/?param=value'

console.log(src.urlParam(param)); //returns 'value'