比如打开用户中心,不使用新窗口,也不刷新当前页面,而是以弹出 modal 框的方式显示,但是这个页面的内容不想提前写在当前页。
如果是将用户中心的内容单独写在一个 html 文件里,有没有什么技术能够将这个单独 html 的内容动态插入到当前的页面呢?排除 iframe,谢谢
如果是将用户中心的内容单独写在一个 html 文件里,有没有什么技术能够将这个单独 html 的内容动态插入到当前的页面呢?排除 iframe,谢谢

1 251243021 Sep 1, 2019 发送个异步请求.然后把请求内容插入? |
2 hoyixi Sep 1, 2019 Ajax 获取(数据形式是 html 还是 json 还是 xml 等等,随你开心),然后插入当前页面某个地方还是 modal,想怎么展示就怎么展示( Javascript 操作 DOM ) |
3 Aidea OP |
4 codehz Sep 1, 2019 最简单的方法:HTML Modules ( https://github.com/w3c/webcomponents/blob/gh-pages/proposals/html-modules-explainer.md ) 问题在于他还在草案阶段) 现在能用的方法: 手工 fetch,然后直接 set HTML ) 还能把 HTML 转换为一堆 document.createElement 的 js 然后直接加载) 不过其实如果用了某些主流前端框架的话,这个应该就不是什么问题了) |
5 molvqingtai Sep 1, 2019 via Android 配合 webpack 使用 import ( ) |
6 hoyixi Sep 1, 2019 @Aidea #3 当然麻烦 直接加载 html 是很久以前的做法,后来发展到加载纯数据然后使用 Mustache、Handlebars 之类的模板展示;再到现在,Vuejs/Reactjs 来了 方法就是这个套路,本质都一样。用哪个、怎么用,看你具体问题灵活应用 |
7 NCry Sep 1, 2019 我觉得 vue 或者 angular 等单页应用框架可以满足你的需求。 |
8 TYchen Sep 1, 2019 建议引入 vue.js 当做类库使用。 或者用 HTML 的 temple |
10 yamedie Sep 1, 2019 如果由服务端返回 DOM, js 代码, CSS 样式, 可以参考服务端保存富文本由前端渲染的实现方法, 一个 jQuery 的.html()就足够用了, 后台通过接口返一个 div 标签的长文本, div 标签里也可以放 script 标签和 style 标签的 |
12 zqx Sep 1, 2019 via Android 把用户中心改造成单页应用,打包发布到私有 npm 在当前项目动态 import 组件,放到模态框显示 |
13 beastk Sep 1, 2019 via iPhone 我反正是 ajax 请求,然后 modal |
14 ffeii Sep 1, 2019 via iPhone webpack 按需加载 |
15 also24 Sep 1, 2019 via Android 第一反应就是 pjax |
16 Baymaxbowen Sep 1, 2019 via Android A 通过 ajax 然后 get 一个 HTML ? datatype 选择 HTML,结合 jQuery 会比较好用 |
17 james122333 Sep 1, 2019 原来我帮公司实现的有 pjax 的功能... 整个整套的... js 载入 css 清除通通有 看来我真的太佛心 薪水应该领高一点 |
18 dartabe Sep 2, 2019 模版引擎? |
19 demonzoo Sep 2, 2019 加载纯数据 json data,然后用模板工具生成 div 内容,或者再复杂一点的话用 vue |
20 zivyou Sep 2, 2019 单页面应用了解一下。js 完成所有页面的渲染加载 当然这里面会有比较多的细节问题 前端开发领域已经总结了一整套完成的工具链和方法 框架+模版之类的 可以了解一下 ps:为啥我一个 crud boy 会知道这个。。 |
21 himesens Sep 2, 2019 pjax 完全符合,如果不想折腾或者引入其它东西的话就 ajax,最多就是烦,不复杂, |