Obtenez des paramètres URL en utilisant jQuery

Cet extrait de code jQuery est utilisé pour obtenir des variables dynamiques stockées sous forme de paramètres dans l'URL et les stocker sous forme de variables JavaScript à utiliser avec votre script. Différent des URL de hachage, car le monde se déplace vers des applications Web dynamiques. Par conséquent, les opérations telles que les chaînes d'URL de décodage seront populaires au cours des prochaines années.

$.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

// 带空格的参数示例
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//输出：Gold%20Coast

console.log(decodeURIComponent($.urlParam('city')));  
//输出：Gold Coast

Ceci peut être utilisé pour définir la valeur par défaut du champ de saisie de texte, par exemple:

$('#city').val(decodeURIComponent($.urlParam('city')));

Merci à Bjverde pour l'amélioration de cette fonction:

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

FAQS pour les paramètres URL dans jQuery (FAQ)

Comment utiliser jQuery pour obtenir des paramètres URL?

Pour utiliser jQuery pour obtenir des paramètres URL, vous pouvez utiliser l'attribut window.location.search. Cette propriété renvoie le paramètre de chaîne de requête de l'URL. Vous pouvez ensuite utiliser la méthode substring() pour supprimer le point d'interrogation au début de la chaîne de requête. Après cela, vous pouvez diviser les paramètres par le caractère. Voici un exemple simple:

var params = window.location.search.substring(1).split('&');

Maintenant, chaque élément du tableau params représente un paramètre URL. Vous pouvez en outre diviser chaque paramètre par signe égal pour séparer le nom et la valeur du paramètre.

Comment utiliser la méthode jQuery.param ()?

La méthode

jQuery.param() est une fonction utilitaire qui crée une représentation sérialisée d'un tableau ou d'un objet. Ceci est utile lorsque vous souhaitez créer une chaîne de requête à partir d'un tableau ou d'un objet. Voici un exemple:

var params = { name: 'John', age: 30 };
var queryString = $.param(params);

Dans cet exemple, queryString sera la chaîne "name = John & Age = 30".

Puis-je obtenir des paramètres URL sans jQuery?

Oui, vous pouvez utiliser Pure JavaScript pour obtenir des paramètres URL sans utiliser jQuery. L'objet window.location dans JavaScript fournit des propriétés et des méthodes qui peuvent être utilisées pour gérer l'URL actuelle. Par exemple, vous pouvez utiliser la propriété window.location.search pour obtenir les paramètres de chaîne de requête.

Comment définir les paramètres d'URL à l'aide de jQuery?

jQuery ne fournit pas de méthode intégrée pour définir les paramètres d'URL. Cependant, vous pouvez utiliser l'objet window.location dans JavaScript pour modifier l'URL. Si vous souhaitez modifier l'URL sans recharger la page, vous pouvez utiliser la méthode history.pushState().

Comment utiliser jQuery pour supprimer des paramètres URL spécifiques?

Pour supprimer un paramètre URL spécifique, vous pouvez d'abord utiliser l'attribut window.location.search pour obtenir tous les paramètres. Vous pouvez ensuite créer une nouvelle chaîne de requête qui ne contient pas les paramètres que vous souhaitez supprimer. Après cela, vous pouvez définir une nouvelle chaîne de requête en utilisant la méthode history.pushState().

Comment utiliser jQuery pour vérifier si les paramètres d'URL existent?

Vous pouvez vérifier si le paramètre URL existe en utilisant l'attribut window.location.search pour obtenir tous les paramètres. Vous pouvez ensuite diviser les paramètres et vérifier si les paramètres que vous recherchez sont dans le tableau.

Puis-je utiliser jQuery pour gérer les paramètres de hachage dans l'URL?

Oui, vous pouvez utiliser l'attribut window.location.hash pour gérer les paramètres de hachage dans l'URL. Cette propriété renvoie la pièce après le symbole de hachage dans l'URL.

Comment utiliser jQuery pour obtenir plusieurs paramètres URL?

Pour obtenir plusieurs paramètres URL, vous pouvez utiliser l'attribut window.location.search et diviser les paramètres par le caractère &. Chaque élément du tableau de résultat représente un paramètre URL.

Puis-je modifier l'URL en utilisant jQuery sans recharger la page?

Oui, vous pouvez modifier l'URL sans recharger la page à l'aide de la méthode history.pushState() en javascript. Cette méthode ajoute une nouvelle entrée à l'historique du navigateur.

Comment gérer les paramètres d'URL dans la demande ajax à l'aide de jQuery?

Lorsque vous utilisez jQuery pour la demande AJAX, vous pouvez inclure des paramètres d'URL dans la chaîne d'URL. Alternativement, vous pouvez utiliser l'option $.ajax() dans la méthode data pour inclure les paramètres. Cette option convertit automatiquement un objet ou un tableau en une chaîne de requête.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!