URLパラメータによってload（）urlが決定されます

Question

jQueryベースのWebアプリケーションを構築しており、URLパラメータを使用してその周辺をナビゲートしたいと考えています。

私は、URLパラメータに基づいてコンテンツを表示したいと思います。 'load（）'関数は、外部URLからWebページの本体を取得し、要素をそれに置き換えます。

どのように私は、以下の条件を使用してif文を作成します...

• URL内のパラメータがない場合は、パラメータpageがに等しい場合、$("#toBeReplaced").load("home.txt");

• を使用するにはabout、パラメータpageはcontactに等しい場合、を使用し、その後、$("#toBeReplaced").load("about.txt");

• を使用

...表示するアプリケーションのページを決定します。

Answer 1

undefinedの場合は、page変数を使用してURLをロードするだけで、homeをロードする場合は、page変数をロードします。

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

Answer 2

異なるライブラリまたはjQueryプラグインを使用して、jsでurlパラメータを取得できます。この例では、js-urlを使用します。あなたのページにurl.min.jsファイルを含めてください。次に、これを使用してパラメータpageをurl("?page")で取得し、簡単なifを作成します。

$(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"); 
    } 
});