mephistoc/Using Javascript Call AgilePoint API.html

## Using Javascript Call AgilePoint API.html
<html>

<head>
    <link rel="stylesheet" href="Styles/font-awesome.min.css">
    <link rel="stylesheet" href="Styles/bootstrap.min.css">
    <link rel="stylesheet" href="Styles/jquery.json-viewer.css">
    <script src="/SharedResources/Javascript/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="/SharedResources/Javascript/ExternalPlugins/cookies.js"></script>
    <script type="text/javascript" src="/SharedResources/Javascript/ExternalPlugins/underscore.js"></script>
    <script type="text/javascript" src="/SharedResources/Javascript/APPlugins/sessionManager.js"></script>
    <script src="Scripts/jquery.json-viewer.js"></script>
</head>

<body>
    <script type="text/javascript">
        var strMsg = "Here is it";

        $(document).ready(function() {
            $("#btnTest").click(function() {
                $.ajax({
                    xhrFields: {
                        withCredentials: true
                    },
                    beforeSend: function(req) {
                        req.setRequestHeader('Authorization', 'Basic ads89fkjwierjjdifidfhwreHH==');
                        req.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
                    },
                    corssDomain: true,
                    url: "http://xxx.xxx.xxx.xxx/DMS/libraries/MyRoot/nodes",
                    type: "GET",
                    success: function(result) {
                        //var r = JSON.parse(result[0]);
                        $('#jsonContainer').jsonViewer(result);
                    }
                });
            });

            $("#btnClear").click(function() {
                $("#jsonContainer").jsonViewer('');
            });

            // Get basic authentication information from sessionManagement object.
            // "header" object can be pass to header of ajax object which want to make REST call.
            $("#btnGetAuthInfo").click(function() {
                var sessionManager = new sessionManagement.manager();
                var variables = sessionManager.getVars();
                var userDetail = variables.UserDetails;
                var user_name = variables.userName;
                sessionManager.getAuthHeader().then(function(header) {
                    $.ajax({
                        url: variables.APIUrl + 'admin/getRegisterUser',
                        type: 'POST',
                        contentType: 'application/json',
                        data: JSON.stringify({
                            userName: userDetail.UserName
                        }),
                        headers: {
                            authorization: header,
                            culture: variables.culture,
                            appId: 'Practice'
                        },
                        success: function(data) {
                            alert(data.UserName);
                        },
                        error: function(xhr) {
                            alert('Failed.' + xhr.responseText);
                            //alert('Failed.' + xhr.);
                        }
                    });
                    alert(header);
                });
                alert('Hello ' + user_name + '!!');
            });
        });
    </script>
    <div>
        <div id="msgContainer" class="container-fluid lead text-uppercase"></div>
    </div>
    <div>
        <button id="btnTest">Click On Me</button>
        <button id="btnClear">Clear</button>
    </div>
    <div>
        <button id="btnGetAuthInfo">Show Auth Info</button>
    </div>
    <pre id="jsonContainer"></pre>
</body>

</html>
	<html>

	<head>
	<link rel="stylesheet" href="Styles/font-awesome.min.css">
	<link rel="stylesheet" href="Styles/bootstrap.min.css">
	<link rel="stylesheet" href="Styles/jquery.json-viewer.css">
	<script src="/SharedResources/Javascript/jQuery/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="/SharedResources/Javascript/ExternalPlugins/cookies.js"></script>
	<script type="text/javascript" src="/SharedResources/Javascript/ExternalPlugins/underscore.js"></script>
	<script type="text/javascript" src="/SharedResources/Javascript/APPlugins/sessionManager.js"></script>
	<script src="Scripts/jquery.json-viewer.js"></script>
	</head>

	<body>
	<script type="text/javascript">
	var strMsg = "Here is it";

	$(document).ready(function() {
	$("#btnTest").click(function() {
	$.ajax({
	xhrFields: {
	withCredentials: true
	},
	beforeSend: function(req) {
	req.setRequestHeader('Authorization', 'Basic ads89fkjwierjjdifidfhwreHH==');
	req.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
	},
	corssDomain: true,
	url: "http://xxx.xxx.xxx.xxx/DMS/libraries/MyRoot/nodes",
	type: "GET",
	success: function(result) {
	//var r = JSON.parse(result[0]);
	$('#jsonContainer').jsonViewer(result);
	}
	});
	});

	$("#btnClear").click(function() {
	$("#jsonContainer").jsonViewer('');
	});

	// Get basic authentication information from sessionManagement object.
	// "header" object can be pass to header of ajax object which want to make REST call.
	$("#btnGetAuthInfo").click(function() {
	var sessionManager = new sessionManagement.manager();
	var variables = sessionManager.getVars();
	var userDetail = variables.UserDetails;
	var user_name = variables.userName;
	sessionManager.getAuthHeader().then(function(header) {
	$.ajax({
	url: variables.APIUrl + 'admin/getRegisterUser',
	type: 'POST',
	contentType: 'application/json',
	data: JSON.stringify({
	userName: userDetail.UserName
	}),
	headers: {
	authorization: header,
	culture: variables.culture,
	appId: 'Practice'
	},
	success: function(data) {
	alert(data.UserName);
	},
	error: function(xhr) {
	alert('Failed.' + xhr.responseText);
	//alert('Failed.' + xhr.);
	}
	});
	alert(header);
	});
	alert('Hello ' + user_name + '!!');
	});
	});
	</script>
	<div>
	<div id="msgContainer" class="container-fluid lead text-uppercase"></div>
	</div>
	<div>
	<button id="btnTest">Click On Me</button>
	<button id="btnClear">Clear</button>
	</div>
	<div>
	<button id="btnGetAuthInfo">Show Auth Info</button>
	</div>
	<pre id="jsonContainer"></pre>
	</body>

	</html>