utilisation de location.search

Comment utiliser location.search : 1. Obtenez la chaîne de requête ; 2. Analysez la chaîne de requête ; 3. Ajoutez des paramètres de requête ;

location.search est un attribut utilisé pour obtenir la chaîne de requête de la page actuelle. La chaîne de requête fait référence à la partie située après le point d'interrogation dans l'URL, sous la forme de paires clé-valeur. Par exemple, pour l'URL « https://www.example.com/?name=John&age=25 », la chaîne de requête est « ?name=John&age=25 ».

Voici quelques méthodes courantes d'utilisation de location.search :

1. Obtenir la chaîne de requête : utilisez location.search pour obtenir la chaîne de requête de la page actuelle. Il peut être affecté à une variable puis manipulé davantage.

javascript
var query = location.search;
console.log(query); // 输出： ?name=John&age=25

2. Analyser la chaîne de requête : la chaîne de requête peut contenir plusieurs paires clé-valeur et nous pouvons utiliser l'objet URLSearchParams pour analyser la chaîne de requête.

javascript
var query = location.search;
// 创建URLSearchParams对象并传入查询字符串
var params = new URLSearchParams(query);
// 获取特定键的值
var name = params.get('name');
console.log(name); // 输出： John
var age = params.get('age');
console.log(age); // 输出： 25

3. Ajouter des paramètres de requête : Nous pouvons utiliser la méthode append() de l'objet URLSearchParams pour ajouter des paramètres de requête.

javascript
var params = new URLSearchParams();
params.append('name', 'John');
// 将查询参数添加到URL中
location.search = params.toString();
console.log(location.search); // 输出： ?name=John

4. Modifier les paramètres de requête : En modifiant les propriétés de l'objet URLSearchParams, vous pouvez modifier les valeurs des paramètres de requête.

javascript
var params = new URLSearchParams(location.search);
// 修改特定键的值
params.set('age', '30');
// 更新URL
location.search = params.toString();
console.log(location.search); // 输出： ?name=John&age=30

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!