使用Ajax更改網頁內容

Question

我正在尋找使用Javascript AJAX動態更新網頁內容的最佳方法。

我首先想到的是存儲各種各描述的各種文件不同的頁面佈局div，例如：

BasicDiv.div：

<div> 
    <p>Some Text</p> 
    <button> A Button </button> 
</div> 

- 然後創建一個空的div，其內容將在主網頁內更新，然後我製作一個XMLHttpRequest並用從所需文件加載的數據更新div.innerHtml。

這是使用AJAX的好方法還是您有更好的建議？

Answer 1

jQuery的AJAX

$.ajax({ 
    url: "test.php", 
    type: "POST", 
    data : { var:'val1',var2:'val2' } 
}).done(function() { 
    $("<div>").innerHTML("done"); 
});