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' };
接着,我们可以使用$.param()
方法将这个对象转换成查询字符串:
var qs = $.param(params); console.log(qs); // 'page=1&filter=recommend&sort=desc'
现在,我们需要将这个查询字符串添加到URL末尾。我们可以先获取当前URL,然后在其末尾添加查询字符串。
var currentUrl = window.location.href; var newUrl = currentUrl.indexOf('?') > -1 ? currentUrl + '&' + qs : currentUrl + '?' + qs;
这段代码首先获取当前URL,然后检查URL中是否已经包含了查询字符串。如果当前URL已经包含了查询字符串,那么我们需要在URL的末尾通过&
符号添加新的查询参数;如果当前URL没有查询字符串,我们需要在URL的末尾通过?
符号添加查询参数。
最后,我们需要将新的URL赋值给window.location.href
属性即可:
window.location.href = newUrl;
通过这种方法,我们就可以在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;
最终的URL将会变成:https://example.com?page=1&filter=recommend&sort=desc
。
总结:
在使用jQuery时,我们可以通过$.param()
rrreee
$.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!