求前端大神解答

Question

如上图 当用户登录了后怎么把登录两字去掉 然后换成用户头像

<a href="__APP__/Index/login" class="app_hot">登陆</a>

js代码怎么写 求大神解答

Answer 1

if(ueser.login === true) {
  $('.app_hot')[0].text('').addClass('show-pic');
}

不用一些框架吗？

Answer 2

这时就要用到AJAX了。
可以ajax post个空数据，服务器端判断有没有对应的用户session，如果有就返回已登录。
虽然可以让JS判断cookie来直接显示用户信息，但是这种方式不安全，可能会XSS，建议使用HTTP Only的Cookie.

Answer 3

简单显示隐藏就可以解决，登录成功后把登陆隐藏掉，然后显示头像的图片

Answer 4

先纠正下错别字：不是登陆，而是登录

交互不是特别严格的情况下，建议还是刷新一次页面吧，然后用后端语言的模板中来判断显示哪个html

如果非要用ajax，那只能ajax请求服务器端是否登录接口，然后jquery show和hide控制dom显示隐藏

Answer 5

一个“登录”的，一个“已登录的”，根据后端返回显示哪个~