So fügen Sie mit jQuery Parameter in eine URL ein

PHPz
Freigeben: 2023-04-05 13:52:10
Original
1528 Leute haben es durchsucht

Bei der Front-End-Entwicklung müssen wir häufig Parameter zur URL hinzufügen, um bestimmte Vorgänge wie Paging, Suche usw. zu implementieren. Durch das Hinzufügen von Parametern kann das Backend basierend auf den Parametern entsprechend reagieren. In diesem Artikel wird erläutert, wie Sie mit jQuery Parameter zur URL hinzufügen.

In jQuery können wir die Methode $.param() verwenden, um ein Objekt in eine Abfragezeichenfolge umzuwandeln und diese Zeichenfolge dann am Ende der URL hinzuzufügen. Zum Beispiel können wir ein JavaScript-Objekt deklarieren: $.param()方法将一个对象转换为查询字符串,然后将这个字符串添加到URL的末尾。例如,我们可以声明一个JavaScript对象:

var params = {
  page: 1,
  filter: 'recommend',
  sort: 'desc'
};
Nach dem Login kopieren

接着,我们可以使用$.param()方法将这个对象转换成查询字符串:

var qs = $.param(params);
console.log(qs); // 'page=1&filter=recommend&sort=desc'
Nach dem Login kopieren

现在,我们需要将这个查询字符串添加到URL末尾。我们可以先获取当前URL,然后在其末尾添加查询字符串。

var currentUrl = window.location.href;
var newUrl = currentUrl.indexOf('?') > -1 ? currentUrl + '&' + qs : currentUrl + '?' + qs;
Nach dem Login kopieren

这段代码首先获取当前URL,然后检查URL中是否已经包含了查询字符串。如果当前URL已经包含了查询字符串,那么我们需要在URL的末尾通过&符号添加新的查询参数;如果当前URL没有查询字符串,我们需要在URL的末尾通过?符号添加查询参数。

最后,我们需要将新的URL赋值给window.location.href属性即可:

window.location.href = newUrl;
Nach dem Login kopieren

通过这种方法,我们就可以在URL中添加参数了。例如,我们打开网页https://example.com,然后执行以下代码:

var params = {
  page: 1,
  filter: 'recommend',
  sort: 'desc'
};
var qs = $.param(params);
var currentUrl = window.location.href;
var newUrl = currentUrl.indexOf('?') > -1 ? currentUrl + '&' + qs : currentUrl + '?' + qs;
window.location.href = newUrl;
Nach dem Login kopieren

最终的URL将会变成:https://example.com?page=1&filter=recommend&sort=desc

总结:

在使用jQuery时,我们可以通过$.param()rrreee

Als nächstes können wir die Methode $.param() verwenden, um dieses Objekt in eine Abfragezeichenfolge umzuwandeln: 🎜rrreee🎜Jetzt müssen wir konvertieren Diese Abfragezeichenfolge wird am Ende der URL hinzugefügt. Wir können zuerst die aktuelle URL abrufen und dann am Ende die Abfragezeichenfolge hinzufügen. 🎜rrreee🎜Dieser Code ruft zunächst die aktuelle URL ab und prüft dann, ob die Abfragezeichenfolge bereits in der URL enthalten ist. Wenn die aktuelle URL bereits eine Abfragezeichenfolge enthält, müssen wir über die Symbole & am Ende der URL neue Abfrageparameter hinzufügen. Wenn die aktuelle URL keine Abfragezeichenfolge enthält, müssen wir dies tun Durch das Übergeben des ?-Symbols werden Abfrageparameter hinzugefügt. 🎜🎜Abschließend müssen wir die neue URL der Eigenschaft window.location.href zuweisen: 🎜rrreee🎜Auf diese Weise können wir der URL Parameter hinzufügen. Zum Beispiel öffnen wir die Webseite https://example.com und führen dann den folgenden Code aus: 🎜rrreee🎜Die endgültige URL lautet: https://example.com? page=1&filter =recommend&sort=desc. 🎜🎜Zusammenfassung: 🎜🎜Bei Verwendung von jQuery können wir das JavaScript-Objekt über die Methode $.param() in eine Abfragezeichenfolge konvertieren und diese Zeichenfolge dann am Ende der URL hinzufügen, um dies zu erreichen die Abfragezeichenfolge in den URL-Anforderungen zum Hinzufügen von Parametern. 🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie mit jQuery Parameter in eine URL ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!