使用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");
});