Trying to get current user of SharePoint Page

Question

Trying to get the user of a html page that resides in a SP document library. I tried doing something similar what is in this SO post but getting undefined. How can I get the user currently on the page? Thank you.

The function where I am trying to get the current user is $scope.updateTicket()

Below is the all of the JS code.

var app = angular.module('myApp', []);
var reports = [];
var areports = [];
var breports = [];
app.controller('myController',
    function($scope, $http) {
        $http({
            method: 'GET',
            url: ".../_api/web/lists/GetByTitle('tickets')/items?$top=1000&$select=ID,comments,ticket_number,status,date",
            headers: {"Accept": "application/json;odata=verbose"}
        }).success(function (data, status, headers, config) {
            $scope.reports = data.d.results;

            $scope.openModal = function() {

                $getFormDigest = function() {
                    console.log("Inside getFormDigest...");
                    var formdigest;

                    jQuery.ajax({
                        url: "..._api/contextinfo",
                        type: "POST",
                        async: false,
                        headers: {
                            "accept": "application/json; odata=verbose",
                            type: "POST"
                        },
                        success: function(data)
                        {
                            formdigest = data.d.GetContextWebInformation.FormDigestValue
                        }
                    });
                    return formdigest;
                }

                $scope.updateFunc = function(itemID, new_comment) {
                    console.log('In update function...', itemID);
                    var formdigest = $scope.getFormDigest();

                    jQuery.ajax({
                        url: ".../_api/web/lists/GetByTitle('tickets')/items(" + itemID + ")",
                        type: "POST",
                        data: JSON.stringify({
                            '__metadata': { 'type': 'SP.Data.ticketsListItem' },
                        'comments': new_comment
                        }),
                        headers: {
                            "accept" : "application/json;odata=verbose",
                            "content-type": "application/json;odata=verbose",
                            "X-RequestDigest": formdigest,
                            "IF-MATCH": "*",
                            "X-HTTP-Method": "MERGE"
                        },
                        success: function(data)
                        {
                            console.log("comments updated successfully...");
                        },
                        error: function(data)
                        {
                            console.log($("#__REQUESTDIGEST").val());
                            console.log("Error message: " + JSON.stringify(dta.responseJSON.error));
                        }
                    });
                }

                $scope.updateTicket = function() {
                    jQuery.ajax({
                        url: ".../_api/web/currentuser?select=Title",
                        type: "GET",
                        success: function(data)
                        {
                            var title = data.d.Title;
                            console.log(title);
                        },
                        error: function(data) {
                            console.log("Error occurred trying to get user Title");
                        }
                    });

                    var submitter = document.getElementById("submitter");
                    var context = SP.ClientContext.get_current();
                    var web = context.get_web();
                    var user = context.get_web().get_currentUser();
                    context.load(user);
                    console.log("User: " + web.get_currentUser().$5_0.$H_0.Title);
                    //var submitter = web.get_currentUser().$5_0.$H_0.Title;
                    var now = new Date();
                    var timestamp = (now.getUTCMonth() + 1 + "/" + now.getUTCDate() + "/" + now.getFullYear() + " " + ("0" + now.getUTCHours()).slice(-2) + ":" ("0" + now.getUTCMinutes()).slice(-2));
                    var temp = document.getElementById('comments').innerHTML;
                    temp += '<br>' + timestamp + ' -- ' + submitter + '<br>' + document.getElementById('comment-field').value + '<br>';
                    document.getElementById('comments').innerHTML = '<br>' + temp + '<br>';

                    $scope.updateFunc(document.getElementById('id').innerHTML, temp);
                    document.getElementById('comment-field').value = '';
                    document.getElementById('myModal').style.display = 'none';
                    location.reload();
                };

                modal.display = "block";

            };

        }).error(function(data, status, headers, config) {
            console.log("an error occurred...");
        });

        var modal = document.getElementById('myModal');
        var span = document.getElementByClassName("close")[0];
        span.onclick = function() {
            modal.style.display = "none";
        }
        window.onclick = function(event) {
            if(event.target == modal) {
                modal.style.display = "none";
            }
        }

    });

In the head of my HTML file I'm pulling in the following SP libraries

init.js
MicrosoftAjax.js
sp.core.js
sp.runtime.js
sp.js

why not use script editor webpart directly? insert the HTML&script into the webpart, you don't need to concern about SharePoint script dependencies and load sequence, https://social.msdn.microsoft.com/Forums/office/en-US/7a377d18-8349-4b1e-8c6a-953c5ac0ec6f/bind-html-form-to-sharepoint-list-items-using-angular-js?forum=sharepointdevelopment — Lee, Jan 27 '20 at 09:31

score 0 · Answer 1 · answered Jan 28 '20 at 21:33

0

if we are talking about SharePoint OnPrem then You may always use _spPageContextInfo object which have many information about current context. In this object You also have the current user id and login in userId prop and userLoginName prop

answered Jan 28 '20 at 21:33

Adam

810
7
10

vunz · Answer 2 · 2020-01-29T02:05:40.147

0

Yep _spPageContextInfo.userDisplayName is all you need:

_spPageContextInfo.userDisplayName
_spPageContextInfo.userEmail
_spPageContextInfo.userId
_spPageContextInfo.isSiteAdmin

edited Jan 29 '20 at 02:05

answered Jan 29 '20 at 01:49

vunz

61
5

Trying to get current user of SharePoint Page

2 Answers2