前端怎么在页面之间传输大参数？

This topic created in 698 days ago, the information mentioned may be changed or developed.

比如
用户在一个页面写了一个帖子。帖子内容可能有几百甚至上千字
发表时，跳转到另一个页面，在新页面把帖子提交给后端

当前其中一个办法是交给后端保存，把后端给的 id 作为 url 参数传给新页面。但这里不考虑后端
如果是全部作为 url 参数，url 参数可能受限
一个方法是存到本地缓存，新页面取本地缓存，再删本地缓存
不知道还有没有更好的办法？

环境是微信小程序
写代码的本是后端程序员，最近开始试着写前端

传输

参数

缓存

21 replies • 2024-07-17 16:31:52 +08:00

FrankFang128

Jul 17, 2024

postMessage

tool2dx

Jul 17, 2024

一般都是 postMessage ，接收方写 window.addEventListener('message', (event) => {});

dumbass

Jul 17, 2024

“发表时，跳转到另一个页面，在新页面把帖子提交给后端”，为什么不提交后再跳转页面？

dumbass

Jul 17, 2024

你标题最好改成微信小程序，不然大家给的解决方案未必适用。

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

微信小程序有提供页面通信 api

superedlimited

Jul 17, 2024 via iPhone

微信小程序用 event channel

estk

Jul 17, 2024 via iPhone

mobx 等状态管理？
sessionstorage ？

wanguorui123

Jul 17, 2024

localstorage

windliang

PRO

Jul 17, 2024 via Android

数据挂到 app 实例上

michaelluang

Jul 17, 2024

创建一个对象实例，在不同页面中引用这个对象实例。
```
// postModel.js
class PostModel {
constructor() { this.post = ''; }
get post() { return this._post; }
set post(post) { this._post = post; }
}
const postData = new PostModel();
export default postData;

// pageA
import postData from './postModel.js';
postData.post = 'new post';

// pageB
import postData from './postModel.js';
const post = postData.post;
```