JSFiddle - React, Tailwind, and code Playground

by dshilkret

JavaScript

callToHostWeb();

function callToHostWeb() {
    var message = jQuery("#message");
    message.text("");
    
    var hostUrl =  "https://spwzb27rov2c3sm.eastus2.cloudapp.azure.com";//decodeURIComponent(getQueryStringParameter("https://spwzb27rov2c3sm.eastus2.cloudapp.azure.com"));    //decodeURIComponent(getQueryStringParameter("SPHostUrl"));
    var appUrl = decodeURIComponent(getQueryStringParameter("https://spwzb27rov2c3sm.eastus2.cloudapp.azure.com/"));//decodeURIComponent(getQueryStringParameter("SPAppWebUrl"));

    var scriptbase = hostUrl + "/_layouts/15/";
    var url = appUrl + "/_api/SP.AppContextSite(@target)/Web/Lists/getByTitle('Shared Documents')/Items?$select=Title&@target='" + hostUrl + "'";
    
    //alert("url: " + url);
    //alert("scriptbase: " + scriptbase);
    jQuery.getScript(scriptbase + "SP.RequestExecutor.js", getOrderDetails);
    

    function getOrderDetails() {
        var executor = new SP.RequestExecutor(appUrl);
        executor.executeAsync(
            {
                url: url,
                method: "GET",
                dataType: "json",
                headers: {
                    Accept: "application/json;odata=verbose"
                },
                success: function (data) {
                    var response = JSON.parse(data.body);
                    message.append(String.format("Retrieved {0} items", response.d.results.length));
                    message.append("<br/>");

                    if (response.d.__next) {
                        url = response.d.__next;
                        getOrderDetails();
                    }
                },
                error: function (data, errorCode, errorMessage) {
                    alert(errorMessage);
                }
            }
        );
    }

    function getQueryStringParameter(paramToRetrieve) {
        var params =
            document.URL.split("?")[1].split("&");
        var strParams = "";
        for (var i = 0; i < params.length; i = i +...