How to Get the File Versions in SharePoint Online Using REST API

<%-- The markup and script in the following Content element will be placed in the <head>of the page --%>
<asp:content contentplaceholderid="PlaceHolderAdditionalPageHead" runat="server">
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js"></script>
<!-- Add your CSS styles to the following file -->
<link rel="Stylesheet" type="text/css" href="../Content/App.css" />
<!-- Add your JavaScript to the following file -->
<script type="text/javascript" src="../Scripts/App.js"></script>
</asp:content>
<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:content contentplaceholderid="PlaceHolderPageTitleInTitleArea" runat="server">Page Title</asp:content>
<%-- The markup and script in the following Content element will be placed in the <body>of the page --%>
<asp:content contentplaceholderid="PlaceHolderPageTitleInTitleArea" runat="server">REST API Examples</asp:content>
<%-- The markup and script in the following Content element will be placed in the <body>of the page --%>
<asp:content contentplaceholderid="PlaceHolderMain" runat="server">
<div>
<p>
<b>File Versions</b>
<br />
<input type="text" value="File URL Here" id="getfileurl" />
<button id="getFileVersions">File Versions</button>
</p>
</div>
</asp:content>

App.js

Replace the contents of App.js with the following:

'use strict';
    var hostweburl;
    var appweburl;
    // Load the required SharePoint libraries.
    $(document).ready(function () {
        //Get the URI decoded URLs.
        hostweburl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
        appweburl = decodeURIComponent(getQueryStringParameter("SPAppWebUrl"));
        //Assign events to buttons
        $("#getFileVersions").click(function (event) {
            getFileVersions();
            event.preventDefault();
        });
        // Resources are in URLs in the form:
        // web_url/_layouts/15/resource
        var scriptbase = hostweburl + "/_layouts/15/";
        // Load the js file and continue to load the page.
        // SP.RequestExecutor.js to make cross-domain requests
        $.getScript(scriptbase + "SP.RequestExecutor.js");
    });
    // Utilities
    // Retrieve a query string value.
    // For production purposes you may want to use a library to handle the query string.
    function getQueryStringParameter(paramToRetrieve) {
        var params = document.URL.split("?")[1].split("&");
        for (var i = 0; i < params.length; i = i + 1) {
            var singleParam = params[i].split("=");
            if (singleParam[0] == paramToRetrieve) return singleParam[1];
        }
    }
    // Get the file versions
    function getFileVersions() {
        var getfileurl = document.getElementById("getfileurl").value;
        var executor;
        // Initialize the RequestExecutor with the app web URL.
        executor = new SP.RequestExecutor(appweburl);
        executor.executeAsync({
            url: appweburl + "/_api/SP.AppContextSite(@target)/web/GetFileByServerRelativeUrl('" + getfileurl + "')/Versions?@target='" + hostweburl + "'",
            method: "GET",
            headers: {
                "Accept": "application/json; odata=verbose"
            },
            success: getFileVersionsSuccessHandler,
            error: getFileVersionsErrorHandler
        });
    }
    // Success Handler
    function getFileVersionsSuccessHandler(data) {
        var versions = 'File Versions:\n'
        var jsonObject = JSON.parse(data.body);
        var results = jsonObject.d.results;
        for (var i = 0; i < results.length; i++) {
            versions += results[i].VersionLabel + '\n';
        }
        // Display the File versions
        alert(versions);
    }
    // Error Handler
    function getFileVersionsErrorHandler(data, errorCode, errorMessage) {
        alert("Could not get the file versions: " + errorMessage);
    } 

Deploy the App

1. Click on Run Project.
   
   
   
2. The app will be packaged, deployed and launched.
   
   
   
   
   
3. Click on “Click here to launch your app in a new window”.
   
   
   
4. Click on Trust it.
   
   
   
5. Enter the file URL and then click on the File Versions button.
6. File Versions are displayed (Note: Current version will not be displayed).
   
   

Summary

Thus in this article you saw how to get the file versions using the REST API in SharePoint 2013 Online.