修改数据库中的昵称，并且同步显示

最新推荐文章于 2024-07-26 14:36:07 发布

李北走

最新推荐文章于 2024-07-26 14:36:07 发布

阅读量788

点赞数

文章标签： HBulider 修改昵称前端

本文链接：https://blog.csdn.net/Lbeizou/article/details/101208433

版权

本文介绍如何在修改数据库中的昵称后，实现在前端页面的即时同步显示。重点在于解决子页面与父页面之间的数据传递和页面刷新问题。通过使用plus.webview.getWebviewById方法找到并操作父页面，利用事件监听实现数据更新后的页面重载。

摘要由CSDN通过智能技术生成

我的个人信息里面进行昵称修改。

昵称修改，由于昵称修改后要显示在页面上，主要的原因就是不好刷新。和父页面获取不到子页面的数据。
在这里插入图片描述

我需要在修改的同时回到原来的页面，并且同样修改。这里面最主要的就是同时传给两个页面值，然后打开主页面。
set.html--------setting.html---------nickname.html
set.html

<ul class="mui-table-view" id="setTitle">
			<li class="mui-table-view-cell">
					<a id="jup" class="mui-navigate-right">
						<div>账号修改</div>
					</a>
			</li>
</ul>
<script>
//得到传递过来的值，转化json对象，显示。
var user = localStorage.getItem("user");
user = JSON.parse(user);
$('#nickname').html("<h3>" + user.nickname + "</h3>");
$('#username').html("账号：" + user.username);

//这一步是为了刷新的，将传递过来的数据刷新出来（例如修改后传递过来的昵称，不刷新是不变的。）
window.addEventListener("r", function(e) {
	location.reload(); //如果单独写