開發ajax按鈕

Question

我正在尋找一種方法，如果用戶點擊主頁上的探索按鈕，那麼瀏覽頁面應該顯示，而不會重新加載頁面。並且還需要頁面頂部的加載欄。我知道我們應該使用AJAX，但是如何？

我在下面給出的網站有我試圖解釋的功能。 example

Answer 1

如果你使用jQuery，您可以使用

$.ajax({ 
url: "test.html", 
}).done(function(data) { 
$('#Destination').HTML(data); 
}); 

這將使test.html的網頁與目標的ID的HTML元素中。你可以在http://api.jquery.com/jquery.ajax/找到更多。

然後可以使用onclick屬性上的按鈕，並在功能

function AJAXCall(){ 
    $.ajax({ 
    url: "test.html", 
    }).done(function(data) { 
    $('#Destination').HTML(data); 
    }); 
} 

<button type="button" onclick="AJAXCall"> </button>