2013-11-27 59 views
-1

我想知道如何使用「AJAX」更新「DIV」內容,如果點擊一個特定鏈接更新一個div內容..這就是我要做的:如何在一個特定的鏈接被點擊

enter image description here

我想,如果用戶只點擊「說明」,以顯示該公司的說明,或顯示評論有關公司如果用戶點擊「評論」。

如何使用「Ajax」來執行此操作?

+0

請發佈您的嘗試。如果沒有,請嘗試一些併發布有關您所面臨問題的具體問題。開始閱讀http://api.jquery.com/jQuery.ajax和http://stackoverflow.com/questions/7139208/change-content-of-div-jquery –

回答

1

設置每個鏈接到相應頁面的href,然後做這樣的事情:

$("#menuIDhere a").click(function(e) { 
    e.preventDefault(); 
    $("#idOfDestinationDivHere").load(this.href); 
}); 

也就是說,綁定你的菜單裏面點擊處理程序的各個環節(給你的菜單元素的適當的ID) 。在點擊處理程序中取消默認的事件行爲(顯然是用指定的頁面替換當前頁面),然後使用jQuery的.load() method加載指定的內容並將其放入您選擇的div。

+0

我認爲這是我需要的,我會嘗試,但是在使用ajax之前,我應該做什麼要求或預先步驟? – Akari

+1

那麼ajax只會從同一個域加載頁面。通過ajax加載的頁面不需要'',''或''標籤,只是實際的內容,雖然如果你閱讀'.load()'doco我鏈接到你會看到方法可以額外只是必要時加載頁面的一部分。 – nnnnnn

+0

:你的意思是(this.href):包含div新內容的頁面?我不太熟悉jquery ^^! – Akari

1

這段代碼可以幫助你:

$.get("ajax/test.html", function(data) { 
    $(".result").html(data); 
    alert("Load was performed."); 
}); 

把它放在你的點擊事件。

1

您可以使用jQuery和AJAX功能: jQuery.AJAX

或者在你的情況下,嘗試將easyer負荷() - 功能:

jQuery.load();

可以加載HTML內容文件並把它放到一個div:

$("#menulink").click(function() { 
    $("#result").load("ajax/test.html"); 
});