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