javascript - 关于js脚本之间数据交互问题

问题描述

问 题

比如a.html是一个文章阅读界面，该页面有一个编辑按钮，点击后会跳转到文章编辑界面b.html。
1）由于b.html里面必须由js来渲染(此页面有些逻辑已经通过js实现，所以不想再由后端再实现一次)，所以就决定了编辑按钮点击时得通过ajax发送请求。
2）基于以原因，a.html里面引用的是a.js(a.html里面的很多逻辑都是a.js实现的),b.html里面引用的是b.js(b.html里面的很多逻辑也是由b.js实现的)。为了统一代码，我想把编辑的ajax请求代码放在a.js中。
3）那么问题来了，a.js发送请求后获得响应的文章的标题啊内容啊分类啊之类的信息怎么传给b.js，然后由b.js渲染b.html

---各位大神，请指教，不知道我的这种设计合理否，请尽量基于这个方案提出一些好的办法，或者有更优雅的方案也可

解决方案

方案1，抽出ajax请求的js，封装成方法，a、b页面分别加载此js，调用此方法获取数据，渲染页面
方案2，a.js获取后存到浏览器缓存中（session、cookie、local），b.js从中获取，但需要考虑，如果用户直接输入url到b页面，那么是取不到缓存的，此时仍需再重新ajax请求
方案3，改为单页应用，使用react、vue等框架的状态管理（redux、vuex）

通常方案1即可

这篇关于javascript - 关于js脚本之间数据交互问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！