Holen Sie sich URL -Parameter mit 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

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

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

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;
    }
}

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('&');

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?

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);

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

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

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

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!