Heim > Web-Frontend > js-Tutorial > Holen Sie sich URL -Parameter mit JQuery

Holen Sie sich URL -Parameter mit JQuery

Joseph Gordon-Levitt
Freigeben: 2025-03-04 00:06:10
Original
113 Leute haben es durchsucht

Get URL parameters using jQuery

Dieser JQuery -Code -Snippet wird verwendet, um dynamische Variablen als Parameter in der URL zu erhalten und sie als JavaScript -Variablen für die Verwendung mit Ihrem Skript zu speichern. Anders als Hash -URLs, da die Welt zu dynamischen Webanwendungen wechselt. Daher werden Operationen wie die Dekodierung von URL -Zeichenfolgen in den nächsten Jahren beliebt sein.

$.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
Nach dem Login kopieren

Dies kann verwendet werden, um den Standardwert des Texteingangsfeldes festzulegen, z. B.

$('#city').val(decodeURIComponent($.urlParam('city')));
Nach dem Login kopieren

Vielen Dank an Bjverde für die Verbesserung dieser Funktion:

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

FAQs für URL -Parameter in JQuery (FAQs)

Wie kann ich JQuery verwenden, um URL -Parameter zu erhalten?

Um JQuery zu verwenden, um URL -Parameter zu erhalten, können Sie das Attribut window.location.search verwenden. Diese Eigenschaft gibt den Parameter der Abfragezeichenfolge der URL zurück. Sie können dann die substring() -Methode verwenden, um das Fragezeichen am Anfang der Abfragezeichenfolge zu löschen. Danach können Sie die Parameter durch das & Zeichen teilen. Hier ist ein einfaches Beispiel:

var params = window.location.search.substring(1).split('&');
Nach dem Login kopieren

Jetzt repräsentiert jedes Element im params -Array einen URL -Parameter. Sie können jeden Parameter mit gleichen Vorzeichen weiter aufteilen, um den Parameternamen und den Parameterwert zu trennen.

Wie kann ich jQuery.param () -Methode verwenden?

Die

jQuery.param() -Methode ist eine Nutzfunktion, die eine serialisierte Darstellung eines Arrays oder Objekts erstellt. Dies ist nützlich, wenn Sie eine Abfragezeichenfolge aus einem Array oder Objekt erstellen möchten. Hier ist ein Beispiel:

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

In diesem Beispiel wird queryString die Zeichenfolge "Name = John & Age = 30" sein.

Kann ich URL -Parameter ohne jQuery erhalten?

Ja, Sie können Pure JavaScript verwenden, um URL -Parameter ohne JQuery zu erhalten. Das window.location -Ovel in JavaScript bietet Eigenschaften und Methoden, mit denen die aktuelle URL verarbeitet werden kann. Sie können beispielsweise die Eigenschaft window.location.search verwenden, um die Parameter der Abfragezeichenfolge abzurufen.

Wie setzen Sie URL -Parameter mit JQuery ein?

jQuery bietet keine integrierte Methode zum Festlegen von URL-Parametern. Sie können das window.location -OvaScript history.pushState() Objekt verwenden, um die URL zu ändern. Wenn Sie die URL ändern möchten, ohne die Seite neu zu laden, können Sie die Methode

verwenden.

Wie kann ich JQuery verwenden, um bestimmte URL -Parameter zu löschen?

window.location.search Um einen bestimmten URL -Parameter zu löschen, können Sie zunächst das Attribut history.pushState() verwenden, um alle Parameter abzurufen. Sie können dann eine neue Abfragezeichenfolge erstellen, die nicht die Parameter enthält, die Sie löschen möchten. Danach können Sie eine neue Abfragezeichenfolge mit der

-Methode festlegen.

Wie kann ich JQuery verwenden, um zu überprüfen, ob URL -Parameter vorhanden sind?

window.location.search Sie können überprüfen, ob der URL -Parameter vorhanden ist, indem Sie das Attribut

verwenden, um alle Parameter abzurufen. Sie können dann die Parameter aufteilen und prüfen, ob sich die von Ihnen gesuchten Parameter im Array befinden.

Kann ich JQuery verwenden, um die Hash -Parameter in der URL zu verarbeiten?

Ja, Sie können das Attribut window.location.hash verwenden, um die Hash -Parameter in der URL zu verarbeiten. Diese Eigenschaft gibt das Teil nach dem Hash -Symbol in der URL zurück.

Wie kann ich JQuery verwenden, um mehrere URL -Parameter zu erhalten?

Um mehrere URL -Parameter abzurufen, können Sie das Attribut window.location.search verwenden und die Parameter durch das & Zeichen teilen. Jedes Element im Ergebnisarray repräsentiert einen URL -Parameter.

Kann ich die URL mit JQuery ändern, ohne die Seite neu zu laden?

Ja, Sie können die URL ändern, ohne die Seite mit der history.pushState() -Methode in JavaScript neu zu laden. Diese Methode fügt einen neuen Eintrag in die Geschichte des Browsers hinzu.

Wie behandle ich URL -Parameter in der AJAX -Anforderung mit JQuery?

Bei der Verwendung von JQuery für die AJAX -Anforderung können Sie URL -Parameter in die URL -Zeichenfolge aufnehmen. Alternativ können Sie die Option $.ajax() in der Methode data verwenden, um Parameter einzuschließen. Diese Option wandelt automatisch ein Objekt oder ein Array in eine Abfragebarstellung um.

Das obige ist der detaillierte Inhalt vonHolen Sie sich URL -Parameter mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage