La construction d'une URL avec des paramètres à l'aide de jQuery

J'ai par exemple l'URL suivante stockée dans une variable globale:

var myUrl = "http://mydomain.com/something?row=1";

Alors une fonction pour ajouter disons qu'un autre paramètre appelé "colonne". Comment cela fonction d'ajouter des paramètres à une pré-existante de la chaîne d'URL à l'aide de jQuery?

Exemple de la chaîne générée par:

"http://mydomain.com/something?row=1&column=9"

Le problème est que myUrl pourrait aussi être simplement:

var myUrl = "http://mydomain.com/something";

(Notez qu'il n'y a pas de pré-existants paramètres)

  • De quoi avez-vous besoin?
  • Il y a un composant qui a besoin que l'URL et a son propre moyen de récupérer les données à l'aide d'AJAX.
InformationsquelleAutor Alfredo Osorio | 2012-01-17
  1. 52

    Découvrez la fonction jQuery .param(), cela devrait faire l'affaire.

    http://api.jquery.com/jQuery.param/

    Vous pouvez ensuite il suffit de créer une fonction qui ajoute la chaîne générée par .param() pour une url.

    • Qu'advient-il si la chaîne a déjà des paramètres? Ou la chaîne a déjà des paramètres avec le même nom?
    • Dans ce cas, la meilleure chose à faire est probablement d'analyser l'URL à l'avant, puis de reconstruire plus tard avec jQuery.param ou similaire. "La chaîne est un stark structure de données..."
    InformationsquelleAutor Jesse Pollak
  2. 23
    var myUrl = "http://mydomain.com/something";

function addQSParm(name, value) {
    var re = new RegExp("([?&]" + name + "=)[^&]+", "");

    function add(sep) {
        myUrl += sep + name + "=" + encodeURIComponent(value);
    }

    function change() {
        myUrl = myUrl.replace(re, "$1" + encodeURIComponent(value));
    }
    if (myUrl.indexOf("?") === -1) {
        add("?");
    } else {
        if (re.test(myUrl)) {
            change();
        } else {
            add("&");
        }
    }
}

console.log(myUrl);

addQSParm("foo", "asdf");
console.log(myUrl);

addQSParm("bar", "qwerty");
console.log(myUrl);

addQSParm("foo", "123");
console.log(myUrl);

    jsFiddle

    • +1 Pour encodeURIComponent. 🙂
    • En utilisant les regex ([?&]" + name + "=)([^&]+)? fonctionnera mieux. Cela permet de trouver vide les paramètres dans une URL.
    InformationsquelleAutor epascarello
  3. 21

    Vous n'avez pas besoin de jQuery, utiliser une fonction comme ceci:

    var buildUrl = function(base, key, value) {
    var sep = (base.indexOf('?') > -1) ? '&' : '?';
    return base + sep + key + '=' + value;
}

    Que vous pouvez l'utiliser comme ceci:

    buildUrl('http://www.example.com/foo', 'test', '123');
buildUrl('http://www.example.com/foo?bar=baz', 'test', '123');
    • Ceci ne prend pas en compte le paramètre pourrait déjà exister. Il serait évident lorsque vous appelez la façon dont vous faites dans les exemples, mais il ne serait pas évident lorsque vous ajoutez des paramètres à l'URL lorsque tous les paramètres sont issus d'autres variables.
    • Ce manque d'encodage d'URL.
    InformationsquelleAutor Andrew Hare
  4. 4

    De tout garder dans un objet jusqu'à ce que vous avez réellement besoin d'une chaîne.

    D'abord remplir l'objet de certaines valeurs initiales:

    var $_GET = location.search.substr(1).split("&").reduce( function( obj, val ){
    if( !val ) return obj;
    var pair = val.split("=");
    obj[pair[0]] = pair[1];
    return obj;
}, {} );

    Considérant url initiale de: "http://mydomain.com/something?row=1&column=9"

    $_GET['column'] = 5;

$.param( $_GET ); //"row=1&column=5"

    Tableau#réduire

    InformationsquelleAutor Esailija
  5. 2

    Vous pouvez essayer cette.

    myUrl += ((myUrl.indexOf('?') == -1) ? '?' : '&');
myUrl += "column=9";
    InformationsquelleAutor ShankarSangoli
  6. -2
    if (myUrl.indexOf("?") != -1){
    //contains query string
}
else
{
    //doesn't
}
    • Cette question porte sur la construction de la chaîne de requête, de ne pas le lire.
    • Je ne pense pas que vous lisez la question. C'est sur la détection des paramètres de chaîne de requête.
    InformationsquelleAutor Omar Stewey