如何将另一个页面中的div内容加载到当前页面？

如何将另一个页面中的div内容加载到当前页面中

问题：
页面一包含一个空div元素（id="result"），希望将页面二中包含内容的div元素（id="box"）的内容加载到该空div中。

答案：
可以使用ajax来实现该任务：

在页面一的javascript代码中，使用$.ajax()方法发起一个post请求到页面二的url。
设置async属性为false，使其变为同步请求。
在success回调函数中，解析http响应数据并提取包含在标签之间的html内容。
将提取的html片段赋值给div元素（id="result"）的innerhtml属性。

$.ajax({
  type: "post",
  url: url,
  data: params,
  async: false,
  success: function (data) {
    var strBegin = data.indexOf("<body>");
    var strEnd = data.indexOf("</body>");
    var strHtml = data.substring(strBegin + 6, strEnd);
    $("#result").html(strHtml);
  }
});

以上就是如何将另一个页面中的div内容加载到当前页面？的详细内容，更多请关注其它相关文章！