Get Logged in user details in SharePoint 2013 using JSOM

I have seen lot of SharePoint Developer need to know the details of Logged in User on Client Side. if you are developing custom webpart its very easy where you have to code to get the details and store in the JavaScript variables.

The things gets little tricky when you want these details in the client side only. like content Editor webpart where you are not going with the Custom solutions.

There are 2 ways, either you can use JSOM or REST service.

my first example will make use of JSOM to get the details of logged in SharePoint 2013 User.

• Create a getUser.Js file
• add following on load jscript code to give a call to GetCurrentUserName function

$(document).ready(function () {

// Load SP.js file before calling JSOM code

// On Publishing pages SP.js loads automatically

SP.SOD.executeFunc('sp.js', 'SP.ClientContext', GetCurrentUsername);

});

• Add below code which will call JSOM code 

function GetCurrentUsername() {

var ctxt = new SP.ClientContext.get_current();

this.website = ctxt.get_web();

this.currentUser = website.get_currentUser();

ctxt.load(currentUser);

ctxt.executeQueryAsync(Function.createDelegate(this, this.onSucceess), Function.createDelegate(this, this.onFail));

}

function onSucceess(sender, args) {

var userdisplayname = currentUser.get_loginName().split('\\').pop();

//This displace the user name after removing the Domain Part e.g. i:0#.w|Domain\sandeep gives sandeep;

}

function onFail(sender, args) {

alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());

}

• You can get other properties of user by calling the other functions

           Other User Collection functions 

• Uppload getUser.js file to style library (or any other library you want).
• Add getUser.js file on page using Content Editor WebPart
• Make sure your Content Editor HTML is as below

Note:

• SP.js is only loaded on Demands in some pages.