Sample code for creating a Single Page JavaScript application to Fetch Data from CRM Online using Web API

Create a web application project

1. Using Microsoft Visual Studio 2015, create a new ASP.NET Web Application project and use the Empty template. You can name the project whatever you like.

   You should be able to use earlier versions of Microsoft Visual Studio as well, but these steps will describe using Visual Studio 2015.
2. Add a new HTML page named SimpleSPA.html to the project and paste in the following code:

   HTML

   <!DOCTYPE html>
   <html>
   <head>
    <title>Simple SPA</title>
    <meta charset="utf-8" />
    <script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.0/js/adal.min.js"></script>
    <script type="text/javascript">
     "use strict";
   
     //Set these variables to match your environment
     var organizationURI = "https:// [organization name].crm.dynamics.com"; //The URL to connect to CRM (online)
     var tenant = "[xxx.onmicrosoft.com]"; //The name of the Azure AD organization you use i.e. Active directory tenant. 
     var clientId = "[client id]"; //The applicationid you got when you registered the application
     var pageUrl = "http://localhost: [PORT #]/SimpleSPA.html"; //The URL of this page in your development environment when debugging.