如何将一个页面中的 div 内容加载到另一个页面中的 div？
将一个页面中的 div 内容加载到另一个页面中的 div
在实际开发中，有时我们会遇到需要将一个页面中的 div 内容加载到另一个页面中的 div 的需求。举个例子，页面一中有如下内容：
<div id="result"></div>
<script>
document.getelementbyid("result").innerhtml = "用户代码：";
</script>页面二中包含如下内容：
<div id="box"></div>
我们的目标是将 result div 中的内容加载到 box div 中。
解决方案
我们可以使用 javascript 中的 $.ajax() 方法来实现此目的。$.ajax() 方法可以用于向服务器发送请求并接收其响应，在此例中，我们将请求页面二中的 html 代码并将其加载到 result div 中。
$.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);
}
});完成此步骤后，result div 中的内容将被页面二中的 html 代码替换，从而将所需内容加载到 box div 中。
以上就是如何将一个页面中的 div 内容加载到另一个页面中的 div？的详细内容，更多请关注其它相关文章！