Wie behandelt man eine freundliche URL mit Parametern in einer statischen Webseite?

Question

Ich habe die folgende URL https://mywebsite/somepage/1234/5678 wobei Sortpage eine Route zu einer Seite ist und die Zahlen sind Parameter.

Meine Seite ist eine statische Seite, nur HTML und Javascript. Beisp .: https://mywebsite/somepage.html.

Wie kann ich diese Seite öffnen, wenn die obige URL die Parameter innerhalb der Seite enthält?

Der Grund dafür ist, dass ich einen mobilen Deeplink den Benutzer auf eine Website leiten, so dass es die App herunterladen kann, falls es nicht installiert ist oder an die App selbst. Ich habe nicht die Wahl, eine dynamische Seite mit einem Routing-System wie in Cake PHP oder Spring Framework zu verwenden.

Answer 1

Wenn Sie die normale Seite (https://mywebsite/somepage.html) laden möchten, können Sie stattdessen Hashes verwenden. Sie werden vom Server nicht erkannt, daher würde es der normalen HTML-Datei dienen.

// get the url 
var url = window.location.href; // = "https://mywebsite/somepage.html#1234/5678" 

// get the bit you want 
var params = url.substring(32); // = "1234/5678" 
//   ^the length of "https://mywebsite/somepage.html#" 

// split it apart into individual parts 
params = params.split("/"); // = ["1234", "5678"] 

// then do whatever you like with the params 

Answer 2

erstellen Array aus aktuellen Pfad Split auf /

var urlPath = window.location.pathname.split('/');

Tun Sie etwas mit dem Array ...

urlPath.forEach(function(item) { 
    console.log(item); 
});