I am using SharePoint 2013 Online and I'm looking for some JavaScript and html to display the current logged in user on the site like for example:
Hello (Username)
If anyone could help or just point myself in the correct direction it will be a help
asked Jun 18, 2015 at 10:02
011011010101110100001010010
1251 gold badge1 silver badge5 bronze badges
Add a comment |
8 Answers
I'm using this:
<script type="text/javascript"> var loginName = ""; var userid = _spPageContextInfo.userId; GetCurrentUser(); function GetCurrentUser() { var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/getuserbyid(" + userid + ")"; var requestHeaders = { "accept" : "application/json;odata=verbose" }; $.ajax({ url : requestUri, contentType : "application/json;odata=verbose", headers : requestHeaders, success : onSuccess, error : onError }); } function onSuccess(data, request) { var loginName = data.d.Title; alert("Hello " + loginName); // to set the "hello username" into the page document.getElementById("id").innerHTML = "Hello " + loginName; } function onError(error) { alert(error); } </script> The alertbox will show you something like: "Hello Firstname Lastname"
Also you can use data.d.LoginName.split('|')[1] instead of data.d.Title and modify the output a little bit.
If you want to print the "Hello Username" directly to the page you can use:
document.getElementById("id").innerHTML = "Hello " + loginName; 
- Hi Patrick thanks for this however i'm trying to add this to the page, not as a alert, but more to display as Text011011010101110100001010010– 0110110101011101000010100102015-06-18 10:45:55 +00:00Commented Jun 18, 2015 at 10:45
- I'm doing exactly the same to "Welcome the logged in user". Therefore you only have to set a id for your div where it should be shown and then put the id (e.g. id="welcome") into the code. document.getElementById("welcome").innerHTML = "Hello " + loginName; Also updated the script.Patrick– Patrick2015-06-18 10:52:00 +00:00Commented Jun 18, 2015 at 10:52
- 1Note: Guessing you use jQuery in your example (based on
$.ajax). You can useCurrentUseras end point. You can use$.getJSONbecause OP is on SharePoint Online (no need for odata type). You can use jQuery to select and set value on element. E.g.,$.getJSON("/_api/Web/CurrentUser").done(function(user) { $('#id').text(user.data.d.Title); });eirikb– eirikb2015-06-18 11:09:55 +00:00Commented Jun 18, 2015 at 11:09
JavaScript Object Model can be very easily used to get the current user.
// Getting current user detail function getCurrentUser() { try { var clientContext = new SP.ClientContext.get_current(); var tempcurrentUser = clientContext.get_web().get_currentUser(); clientContext.load(tempcurrentUser); clientContext.executeQueryAsync(function () { var index = tempcurrentUser.get_loginName().indexOf('|') + 1; var currentUser = tempcurrentUser.get_loginName().substring(index); alert('Hello ' + currentUser); // Here you will get name of the user }, queryFailure); } catch (err) { queryFailure(); } } function queryFailure () { alert('error'); } //You can call the function like this SP.SOD.executeFunc('sp.js', 'SP.ClientContext', getCurrentUser); 
- Is it possible to get the display name and login id by passing the parameter EmailIDsamolpp2– samolpp22018-02-21 17:01:59 +00:00Commented Feb 21, 2018 at 17:01
Code given in the below link demonstrates how to get the current user name by using simple CSOM,
- Also can check the following links, enjoysharepoint.com/Articles/Details/…Niranjan Kulkarni– Niranjan Kulkarni2015-06-18 10:09:17 +00:00Commented Jun 18, 2015 at 10:09
- c-sharpcorner.com/code/9/…Niranjan Kulkarni– Niranjan Kulkarni2015-06-18 10:09:46 +00:00Commented Jun 18, 2015 at 10:09
Just replace the element '#name' for whatever your "hello, userName" is.
function getCurrentUser() { console.log('Made it'); var ctx = SP.ClientContext.get_current(); var web = ctx.get_web(); var currentUserObj = web.get_currentUser(); ctx.load(currentUserObj); ctx.executeQueryAsync( function() { var displayName = currentUserObj.get_title(); $('#name').val(displayName); }, function(sender, args) { console.log("An error occured: " + args.get_message()); }); //end get currentUser display } 
Best and simple way to get current logged in user name is _spPageContextInfo.
_spPageContextInfo :
_spPageContextInfo is a global variable usually available on any SharePoint page. This variable stores basic information about current web and current user.
Below are the Some examples:
1. To Get User Display Name:
<script type="text/javascript"> var currentUserName=_spPageContextInfo.userDisplayName; </script>
Eg: "Vishal"
2. To Get User Login Name:
<script type="text/javascript"> var currentUserLoginName=_spPageContextInfo.userLoginName; </script>
Eg: "[email protected]"
3. To Get User Id:
<script type="text/javascript"> var userID=_spPageContextInfo.userId; </script>
Eg:10
4. To Get Web Title:
<script type="text/javascript"> var currentWebTitle=_spPageContextInfo.webTitle; </script>
Eg: "My Team Site"
To view all properties :
Right click on page --> click on "View Page Source" --> Find "_spPageContextInfo"
- _spPageContextInfo.userDisplayName is undefinedOfer Gal– Ofer Gal2018-07-12 19:52:05 +00:00Commented Jul 12, 2018 at 19:52
- Note:
_spPageContextInfo.userIdactually only gives a number, not thedomain\usernamelike one might think.vapcguy– vapcguy2019-03-16 06:17:53 +00:00Commented Mar 16, 2019 at 6:17
Another possibility that doesn't require javascript and will play nicely in scenarios where you cannot deploy custom server side code (locked down on-prem environments, SP Hosted apps/add-ins, or SharePoint Online (Office 365)...
If you have ability to modify (master) page (i.e. with SharePoint Designer), you might consider placing an ASP.NET LoginControl on the page. This wouldn't require javascript at all (note that it displays the RAW username, not the friendly display name):
<asp:LoginName runat="server" id="loginName" FormatString="Hello, {0}"></asp:LoginName> 
alert("Hello " + _spPageContextInfo.userLoginName); You can use it as per your scenario.
<script type="text/javascript"> var loginName = ""; var userid = _spPageContextInfo.userId; GetCurrentUser(); function GetCurrentUser() { var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/getuserbyid(" + userid + ")"; var requestHeaders = { "accept" : "application/json;odata=verbose" }; $.ajax({ url : requestUri, contentType : "application/json;odata=verbose", headers : requestHeaders, success : onSuccess, error : onError }); } function onSuccess(data, request) { var loginName = data.d.Title; alert("Hello " + loginName); // to set the "hello username" into the page document.getElementById("id").innerHTML = "Hello " + loginName; } function onError(error) { alert(error); } </script> 
