当前位置： 首页 > 资讯

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

发布日期： 2024-11-03 阅读量： 作者： 网络

如何将另一个页面中的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);
  }
});

相关文章：网络品牌推广有什么技巧？ cpa广告联盟上的cpa网赚形式有哪些优势？做CPS广告推广的几个要点和细节，一定要记好了！想赚点零花钱不知道怎么做？这6款靠谱的手机赚钱软件推荐给你！美容产品游戏推广,美容产品免费b2b平台最简单的男粉涩粉引流过千的方法，推广cpa交友产品必看！社交app应该怎么推广引流才能快速获客？现在搞什么副业挣钱？上班族十大副业赚钱方法推荐！哪类的产品广告适合cpa广告模式来进行推广？四个不耽误上班的网上兼职赚钱副业分享品牌推广策划流程是什么？做cpa联盟广告推广赚钱吗？怎么在cpa联盟上面赚到钱？情咖fm直播，一起来感受不同声音的独特魅力吧！怎样的网站内容能够留住用户？网站推广专家来解析网站推广需要怎样的网站内容？网赚游戏火了？还顺带的有效扩充了广告联盟的广告库存！！目前主流的cpa赚钱的方式都有哪些？个人站长必备！6种最有效的网站推广方法! 做好cpa单页网站优化，推广引流再也不是问题！网站运营该如何持续地提升网站权重来获取更多的流量？ 8种适合当副业的靠谱网上兼职项目介绍个人网站靠广告联盟盈利的原理是什么？ app用户大量流失？app促活留住用户你需要这么做！看完这一套完整的app推广攻略，再也不用担心app引流获客了！如何才能做好网站的推广和运营？需要掌握这6个能力！网站推广学者分享怎样提升关键词预估点击次数有什么有效且免费的引流方式吗？推荐这5种！掌握了这6种免费的主流网络推广方法，引流获客不再是问题！怎么在网上赚钱？网上赚钱的10个方法和渠道拿走！ cpc广告和cpm广告是什么意思？应该怎么做？

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯6534 】【 SEO推广6475 】

上一篇: 怎么修改linux文件内容

下一篇: Lambda 表达式在 C++ 函数中的性能优化

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发