<script type="text/javascript" src="../Scripts/knockout-3.0.0.js"></script><script type="text/javascript" src="/_layouts/15/sp.runtime.debug.js"></script><script type="text/javascript" src="/_layouts/15/sp.debug.js"></script><script type="text/javascript" src="/_layouts/15/sp.userprofiles.debug.js"></script>

<asp:Content ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">User Information
</asp:Content>

<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">

<h2>Current User Properties</h2>

<table data-bind="with: currentUser"><tr><td>title</td><td data-bind="text: get_title()"></td></tr><tr><td>Id</td><td data-bind="text: get_id()"></td></tr><tr><td>loginName</td><td data-bind="text: get_loginName()"></td></tr><tr><td>email</td><td data-bind="text: get_email()"></td></tr><tr><td>isSiteAdmin</td><td data-bind="text: get_isSiteAdmin()"></td></tr></table>

</asp:Content>

/// <reference path="knockout-3.0.0.debug.js" />
/// <reference path="~/_layouts/15/sp.userprofiles.debug.js" />

$(function () {ko.applyBindings(new userProfileProps());
});function userProfileProps() {var self = this;self._currentUser = null;self.currentUser = ko.observable();self.load = function () {var context = SP.ClientContext.get_current();self._currentUser = context.get_web().get_currentUser();context.load(self._currentUser);var pm = new SP.UserProfiles.PeopleManager(context);self._props = pm.getMyProperties();context.load(self._props);context.executeQueryAsync(Function.createDelegate(self, self.onSuccess),Function.createDelegate(self, self.onFail));}self.onSuccess = function () {self.currentUser(self._currentUser);}self.onFail = function (sender, args) {alert("Unable to access user information: " + args.get_message());}self.load();
}

<br /><h2>User Profile Properties</h2><table data-bind="with: currentProps"><tr><td>AccountName</td><td data-bind="text: AccountName"></td></tr><tr><td>UserName</td><td data-bind="text: UserName"></td></tr><tr><td>FirstName</td><td data-bind="text: FirstName"></td></tr><tr><td>LastName</td><td data-bind="text: LastName"></td></tr><tr><td>PreferredName</td><td data-bind="text: PreferredName"></td></tr><tr><td>WorkEmail</td><td data-bind="text: WorkEmail"></td></tr><tr><td>WorkPhone</td><td data-bind="text: WorkPhone"></td></tr><tr><td>PictureURL</td><td><img src="#" data-bind="attr: { src: PictureURL }" /></td></tr></table>

self._props = null;
self.userProps = ko.observable();

var pm = new SP.UserProfiles.PeopleManager(context);
self._props = pm.getMyProperties();
context.load(self._props);

self.userProps(self._props.get_userProfileProperties());