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

大家好，我们又见面了啊~本文《如何将一个页面中的 div 内容加载到另一个页面中的 div？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

将一个页面中的 div 内容加载到另一个页面中的 div

在实际开发中，有时我们会遇到需要将一个页面中的 div 内容加载到另一个页面中的 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("");
    var strEnd = data.indexOf("");
    var strHtml = data.substring(strBegin + 6, strEnd);
    $("#result").html(strHtml);
  }
});

完成此步骤后，result div 中的内容将被页面二中的 html 代码替换，从而将所需内容加载到 box div 中。

今天关于《如何将一个页面中的 div 内容加载到另一个页面中的 div？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！