MUI返回页面未能及时刷新数据问题的解决办法

问题描述

在B页面进行数据更改像后端提交，修改成功后返回A页面不能立即显示在B页面修改后的数据，需要再次刷新才可以。

应用场景：支付后的资金数目刷新、更改昵称性别等选项返回信息页的刷新等

问题分析

从其他页面切换到A页面时，A页面会向后台请求数据，动态展示相关数据，且只请求了一次，在A页面点击相关信息跳转页面修改后返回到A页面，并没有再次请求数据，所以没有办法进行刷新。

解决措施

在B页面修改完数据后，返回A页面时再次请求后台数据，动态展示新的数据

B页面的跳转代码

//获取A页面的webview对象
var webviewA=plus.webview.getWebviewById("A.html");
//向A页面传参，refresh是标记参数
mui.fire(webviewA,'refresh');
//跳转页面
mui.back();

此时来到A页面

mui.plusReady(function(){
	......(自己的业务代码）
	//监听来自B页面的刷新操作，即refresh
	window.addEventListener('refresh',function(){
		//再次调用自己定义的请求数据的方法，就能达到即时刷新的效果
		refreshInfo();
	});
})