jQuery ajouter des paramètres à l'URL

J'aime la façon dont jQuery $.ajax() la méthode permet de spécifier l'url de la requête:

{
  url: 'http://domain.com/?param=1',
  data{
    param2: '2'
  }
}

$.ajax() méthode (probablement) appel de $.param() sur des données fournies et éventuellement l'ajouter à l'URL fournie.

Ma question est: est ce type de manipulation d'url à disposition à l'extérieur de dollars.ajax() appel?

Par exemple, je veux ouvrir une fenêtre pop-up, et je voudrais construire l'URL de la même manière que je fais avec $.ajax().

J'ai écrit une fonction qui fait cela, mais j'ai le sentiment que je suis en train de réinventer la roue et la duplication déjà existants en fonction de jQuery:

var prepareUrl = function( url, data )
{
  var params = $.param( data );

  if ( params.length > 0 )
  {
    //url contains a query string
    if ( url.indexOf( '?' ) > -1 )
    {
      //get last char of url
      var lastChar = url.substr( url.length - 1 );

      //Append & to the end of url if required
      if ( lastChar != '&' && lastChar != '?' )
      {
        url += '&';
      }
    }

    else //url doesn't contain a query string
    {
      url += '?';
    }

    url += params;
  }

  return url;
}

merci!

source d'informationauteur Karolis

  1. 5

    Depuis d'autres réponses n'ai pas la réponse à ma question, j'ai fait quelques tests avec la $.ajax() appeler pour voir comment elle se confond url avec paramètre de données.

    Mes résultats à ce jour:

    • si l'url contient un ?puis $.ajax() ajouter '&' + $.param(data)
    • si non, alors $.ajax() ajouter '?' + $.param(data)

    Donc, si je veux garder mon url de la fonction de traitement compatible avec la façon dont $.ajax() t-il, alors il devrait être quelque chose comme ce qui suit:

      var addParams = function( url, data )
  {
    if ( ! $.isEmptyObject(data) )
    {
      url += ( url.indexOf('?') >= 0 ? '&' : '?' ) + $.param(data);
    }

    return url;
  }

    Je me demande encore si il est intégré dans la méthode jQuery pour ce faire.

  2. 2

    Vous pouvez construire chaîne de requête comme ceci:

    getQueryStr = function(obj) {
    var str = [];
    for (var p in obj)
        if (obj.hasOwnProperty(p)) {
            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
        }
    return str.join("&");
}

console.log(serialize({
    param1: "val1",
    param2: "val2"
}));

    Pour récursive :

    getQueryStr = function(obj, prefix) {
    var str = [];
    for (var p in obj) {
        if (obj.hasOwnProperty(p)) {
            var k = prefix ? prefix + "[" + p + "]" : p,
                v = obj[p];
            str.push(typeof v == "object" ?
                getQueryStr(v, k) :
                encodeURIComponent(k) + "=" + encodeURIComponent(v));
        }
    }
    return str.join("&");
}

console.log(serialize({
    favfruit: "apple",
    data: {
        name: 'js',
        points: [1, 2, 3]
    }
}));
  3. 2

    oui, vous pouvez utiliser jqueries .param() fonction pour ce faire.

    jsfiddle démo 

    var params = { param1:"foo", param2:"bar"};
var str = jQuery.param( params );
alert(str);