首页 > 软件开发 > HTML >

js怎么获取当前用户名

来源:互联网 2023-03-16 19:16:13 393

在做页面开发时,我们经常会使用到js来做页面逻辑的开发。在前端页面上,如何使用js来获取当前登录用户的用户名?下面我们来看一下。

NpN办公区 - 实用经验教程分享!

NpN办公区 - 实用经验教程分享!

方法/步骤

  • 1

    如果你的页面上有显示登录的用户名。像大多数的网站一样,在页面的某个地方,有显示用户名的,我们可以直接获取。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 2

    使用js直接通过id来获取dom元素的innerHTML属性就可以了。NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 3

    如果你的页面没有显示出登录用户名的,或者需要获取比较精确的数据的,比如登录用户是否已经session过期,自动退出了登录,这时我们就需要使用ajax来获得后台的数据了。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 4

    在ajax请求里,我们有一个success回调,在这里对获取得到的数据进行后续处理就行了。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 5

    在ajax请求的页面逻辑上,我们通过逻辑获得登录用户的用户名,赋值到一个数据对象里。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 6

    然后通过json_encode方法来转换为json字符串返回给前端。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 7

    本文后台代码使用的是php。前端逻辑需要使用jquery,因此需要先引入脚本文件。

    NpN办公区 - 实用经验教程分享!

    NpN办公区 - 实用经验教程分享!

    js怎么获取当前用户名NpN办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!NpN办公区 - 实用经验教程分享!


    标签: JQUERYPHPHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码