前后端分离,html页面中怎么获取当前登录用户信息,并写入html页面的指定位置?

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Ideality_hunter/article/details/72876294

前后端分离,html页面中怎么获取当前登录用户信息,并写入html页面的指定位置?

以amazeui+vue框架为例:

场景(前提是用户登录写入cookie,参考我的:http://blog.csdn.net/ideality_hunter/article/details/72876392):前端,有一个A.html页面,要在

<div id="test">

<input name="userName" value="" />

</div>


中默认写入当前登录的用户姓名。

怎么实现?

A.html页面代码:

<div id="test">

<input name="userName" value="{{NAME}}" />

</div>



在A.html页面引入一个A.js,其代码如下:

{

var cookie = $.AMUI.utils.cookie;
var userDetail = cookie.get("userDetail");
if (!userDetail)
    window.location.href = contextPath + "/login.html";
    var user = JSON.parse(userDetail);

new Vue( {
        el : "#test",
        data : user
    })

}

//userDetail内容是




步骤:

1)从cookie获取用户信息user。

2)写入vue,通过vue框架,将参数写入html代码的{{}}位置



展开阅读全文
博主设置当前文章不允许评论。

没有更多推荐了,返回首页