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