如何将另一个页面中的div内容加载到当前页面？
文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《如何将另一个页面中的div内容加载到当前页面？》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！
如何将另一个页面中的div内容加载到当前页面中
问题：
页面一包含一个空div元素（id=”result”），希望将页面二中包含内容的div元素（id=”box”）的内容加载到该空div中。
答案：
可以使用ajax来实现该任务：
- 在页面一的javascript代码中，使用$.ajax()方法发起一个post请求到页面二的url。
- 设置async属性为false，使其变为同步请求。
- 在success回调函数中，解析http响应数据并提取包含在<body></body>标签之间的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内容加载到当前页面？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~米云公众号也会发布文章相关知识，快来关注吧！
- Angular 13 热更新无效：为什么 WSL 中的 Node 会导致问题？
