Get Current User Details Using JavaScript Object Model (jsom) and jQuery in SharePoint 2013/2016/Online

Here, I am explaining how to show current user details using the JavaScript Object Model (JSOM) and jQuery in SharePoint online.

Below is the code to retrieve current user details like display name, user name, email id and user id using Jsom and jQuery in SharePoint.

Open your SharePoint site and go to the web part page and then Edit the web part page -> Add Web parts. And then add a script editor web part into the SharePoint web part page.

Get current user display name, email id, user id in SharePoint 2013/2016/Online using JavaScript Object model (jsom) and jQuery

<script type="text/javascript">  
ExecuteOrDelayUntilScriptLoaded(init,'sp.js');  
var currentUser;  
function init(){  
    this.clientContext = new SP.ClientContext.get_current();  
    this.oWeb = clientContext.get_web();  
    currentUser = this.oWeb.get_currentUser();  
    this.clientContext.load(currentUser);  
    this.clientContext.executeQueryAsync(Function.createDelegate(this,this.onQuerySucceeded), Function.createDelegate(this,this.onQueryFailed));  
}  
  
function onQuerySucceeded() {  
    document.getElementById('userLoginName').innerHTML = currentUser.get_loginName();   
    document.getElementById('userId').innerHTML = currentUser.get_id();  
    document.getElementById('userTitle').innerHTML = currentUser.get_title();  
    document.getElementById('userEmail').innerHTML = currentUser.get_email();  
}  
  
function onQueryFailed(sender, args) {  
    alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace());  
}  
</script>  
<div>Current Logged User:  
    <span id="userLoginName"></span></br>  
    <span id="userId"></span></br>  
    <span id="userTitle"></span></br>  
    <span id="userEmail"></span></br>  
</div>  

You may like following jsom SharePoint tutorials:

• Insert item to SharePoint list using JavaScript Object Model JSOM in SharePoint Online
• Create a folder inside a document library using JavaScript object model jsom in SharePoint online office 365
• Create and delete SharePoint list using JSOM Javascript Object Model in SharePoint online
• [Solved] Uncaught TypeError: SP.ClientContext is not a constructor in SharePoint Online JSOM (JavaScript object model)
• CRUD operations in SharePoint 2013 list using jsom
• ECMAScript Client Object Model or JavaScript Client Object Model JSOM in SharePoint 2013
• Add Date Picker in SharePoint 2016/2013/Online using JavaScript Object Model (jsom)
• Google Pie Chart in SharePoint Online (Step by Step tutorial)
• SharePoint Online Image Slider or Carousel Example
• Create and Delete a List in SharePoint using JavaScript Object Model (jsom)

Once you execute the jsom code, it will display the current logged in user display name, email, user id and user login name in SharePoint.