URL-Parameter bestimmen load() url

Question

Ich baue eine jQuery-basierte Web-App und möchte URL-Parameter verwenden, um sie zu navigieren.

Ich möchte Inhalte basierend auf dem Parameter URL anzeigen, wobei die Funktion 'load()' den Hauptteil der Webseite von einer externen URL erhält und ein Element damit ersetzt.

Wie würde ich schaff' eine if-Anweisung, die folgenden Bedingungen verwenden ...

• Wenn es keine Parameter in der URL, dann $("#toBeReplaced").load("home.txt");

• verwenden Wenn der Parameter page gleich about, dann verwenden $("#toBeReplaced").load("about.txt");

• Wenn der Parameter page-contact gleich ist, dannverwenden

... um festzustellen, welche Seite der App angezeigt werden soll.

Answer 1

Sie können einfach die URL mit page Variable laden, wenn es undefined ist dann Last home sonst laden, was in page variabel ist.

var page = location.search.substring(1).split('=')[1]; 
if (page == undefined) 
    $("#toBeReplaced").load("home.txt"); 
else 
    $("#toBeReplaced").load(page + ".txt"); 

Answer 2

Sie können verschiedene Bibliotheken oder jQuery-Plugins verwenden, um URL-Parameter in js zu erhalten. In diesem Beispiel verwende ich js-url. Fügen Sie die Datei url.min.js in Ihre Seite ein. Dann benutze das einfach, um den Parameter page von url("?page") zu erhalten und einen einfachen if zu erstellen.

$(function() {  
    var page = url("?page"); 

    if(page === "about") { 
     $("#toBeReplaced").load("about.txt"); 
    } 

    else if(page === "contact") { 
     $("#toBeReplaced").load("contact.txt"); 
    } 

    else { 
     $("#toBeReplaced").load("home.txt"); 
    } 
});