Working with Report/Supply Custom Headers for Json Database.html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Supply Custom Headers for Json Database</title>

    <!-- Stimulsoft Reports.JS -->
    <script src="../scripts/stimulsoft.reports.js" type="text/javascript"></script>
</head>

<body>
    Supply Custom Headers for Json Database
    <br><br>

    <script type="text/javascript">
        // Create a new report instance
        var report = new Stimulsoft.Report.StiReport();
        // In `onBeginProcessData` event handler add custom HTTP headers
        report.onBeginProcessData = function (args) {
            if (
                args.database === "JSON" && 
                args.command === "GetData" && 
                args.pathData && args.pathData.indexOf("/reports/ProtectedDemo.json") >= 0
            ) {
                // Add custom header to pass through backend server protection
                args.headers.push({key: "X-Auth-Token", value: "*YOUR TOKEN*"});
            }
        };
        // Load report from url
        report.loadFile("../reports/SimpleListWithProtectedJson.mrt");
        // Render report
        report.renderAsync(function () {
            document.getElementById("savePdf").disabled = false;
        });

        // Export report to PDF format and save to file
        function saveReportPdf() {
            // Export to PDF
            report.exportDocumentAsync(function (pdfData) {
                // Get report file name
                var fileName = report.reportAlias;
                // Save data to file
                Stimulsoft.System.StiObject.saveAs(pdfData, fileName + ".pdf", "application/pdf");
            }, Stimulsoft.Report.StiExportFormat.Pdf);
        }
    </script>

    <button id="savePdf" onclick="saveReportPdf()" disabled>Save PDF report to file</button><br>
    <br><br>
    <div id="htmlContainer"></div>
</body>

</html>