Bei der Programmierung können wir in einigen Situationen kaum den aktuellen URL-Parameter von der Serverseite abrufen, um den Benutzer zu bezahlen, wir können auch eine Lösung mit Javascript verwenden, um die URL der Clientseite zu lesen und das Problem zu lösen.

1. Was ist der Pfadparameter?

Wenn Sie bereits die GET- und POST-Methoden verstehen, um mit dem Server zu kommunizieren (Submit-Formular), werden Sie die Bedeutung des gerade aufgenommenen Bildes verstehen. Ich möchte es auf einfache Weise wie folgt erklären:

Die auf der URL angezeigten Parameter sind die Parameter, die in der GET-Methode (GET-Methode) verwendet werden (die zur Interaktion mit dem Server übergebenen Parameter werden nicht ausgeblendet und im Browser deutlich angezeigt). Zum Beispiel bearbeite ich im obigen Kontext einen Artikel, 2 Post- und Aktionsparameter , um zu identifizieren, welchen Post ich auf dem Server bearbeite, die Serverseite erhält 2 Parameter: Post mit der ID 5141 und Action Mine wird bearbeitet und behandelt die Logik um die aktualisierte Schnittstelle zurückzugeben.

2. Javascript eingebaute Objekte zum Lesen der aktuellen URL und Parameter

Javascript stellt uns einige eingebaute Objekte zur Verfügung, um die aktuelle URL im Browser auszulesen

Das Objekt, über das ich sprechen möchte, ist location im Fenster. Dieses Objekt hilft uns, die aktuelle Pfadzeichenfolge, die Eingabeparameter, das Protokoll oder den Port zu erhalten.

Sie können sich hier auf die Details von window.location beziehen:

https://www.w3schools.com/js/js_window_location.asp

Dieses Standortobjekt stellt die Lösung bereit, damit wir die aktuelle Abfragezeichenfolge in Ihrem Browser abrufen können, indem Sie die Eigenschaft search verwenden. Betrachten Sie das folgende Codebeispiel:

 var queryString = window.location.search; console.log(queryString); // kết quả sẽ in ra trong ngữ cảnh hình ảnh ví dụ trên: ?post=5141&action=edit

Für eine detaillierte Analyse benötigen wir jedoch mehr als das. Ich werde fortfahren und die obige Abfragezeichenfolge analysieren, um jeden Parameter zu erhalten, indem ich ein neues Objekt instanziiere, das Javascript bereitstellt, um die Abfragezeichenfolge zu analysieren und die Parameterliste als zurückzugeben URLSearchParams

Sie können hier auf das URLSearchParams- Objekt verweisen:

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

Wir kehren zum Beispiel zurück, der Beispielcode lautet wie folgt:

 var queryString = window.location.search; var url_param = new URLSearchParams(queryString); console.log(url_param );

Beim Drucken an die Konsole gibt uns Javascript ein URLSearchParams-Objekt mit der unten gezeigten Struktur zurück:

Wir können Daten vollständig verarbeiten, die Werte dieses Objekts aus den bereits vom Objekt bereitgestellten Funktionen abrufen. Um die Parameter dieses Objekts zu erhalten, werde ich Folgendes behandeln:

 var queryString = window.location.search; var url_param = new URLSearchParams(queryString); console.log(url_param.get('post') ); // kết quả sẽ trả ra 4151 là giá trị của tham số post trong ngữ cảnh trên

Darüber hinaus können Sie mit diesem Objekt basierend auf den bereitgestellten Funktionen interagieren, was zu schnell und gefährlich ist!

Wenn Sie Fragen oder Bedenken haben, kommentieren Sie bitte hier, wir werden Ihnen mit Anweisungen antworten. Viel Glück.