JQuery和單頁接口

我建立了一個網站，可以通過正常的index.php訪問。所以URL是http://www.myurl.com。現在我想在底部添加鏈接，看起來像這個myurl.com/aboutme/，然後應該在index.php中包含一個aboutme.php到div中。我googelt一點點，發現通過JavaScript的各種解決方案，它看起來像這樣：JQuery和單頁接口

var url = window.location.href;

那麼我應該解析URL，如果「aboutme」中提到，包括PHP文件與JQuery的具體股利。

這是最好的解決方案嗎？我現在有點困惑...

謝謝！

編輯：我沒有尋找一種解決方案，通過JQuery將內容包含到div中。我知道如何去做。問題更多的是，如何解析URL。因爲如果用戶輸入myurl.com/aboutme/，aboutme.php應該包含在div中。所以，我必須在我的頁面頂部檢測到這一點。我的問題是：用上面的命令捕捉url並用switch語句解析它是最可行的解決方案嗎？

來源

2012-03-09 Torben

加載信息到一個DIV從一個點擊動作，你可以用這個啓動：

$('a').click(function(e) { 
    e.preventDefault(); 
    var thisHREF = $(this).attr('href'); 
    $('#content').load(thisHREF); // div id="content" is in index page 
});

來源

2012-03-09 15:37:29

$("#your_link").click(function() { 
    $("#your_div").load("/path_to/aboutme.php"); 
    return false; 
});

來源

2012-03-09 15:38:56 xdazz

你可以使用jQuery負荷加載你的頁面

使用的目前存在的部分內容div將作爲一個佔位符來顯示不同頁面的內容。當用戶點擊不同的鏈接時，將內容加載到div。您的主要網址保持不變。從about.php的URL以及

HTML

<div id="divPageContent"> </div> 

<div class="divFooterLinks"> 
    <a href="about.php">About</a> 
    <a href="contact.php">About</a> 
</div>

SCRIPT

$(function(){ 

    $(".divFooterLinks a").click(function(){  
    $("#divPageContent").load($(this).attr("href")); 
    return false; 
    }); 

});

，只是：但是，如果你願意，你可以添加一些字符串（約前）返回中心內容的標記。因爲您的主頁已經有頁眉和頁腳等...

來源

2012-03-09 15:39:27 Shyju

JQuery和單頁接口

回答

相關問題