如何从AWS Lambda检索数据并将其显示在AWS S3托管的静态网站上？

Question

我正在尝试使用AWS DynamoDB，Lambda，API Gateway和S3创建一个简单的网站。 DDB有一个表，并且该表中有一个条目。 S3有一个用于网站html的简单文件。目的是在网站中显示位于DDB中的条目，如果我更新DDB中的值，则刷新网站应更改数字以反映DDB中的更新。目前，我有一个lambda函数，该函数可以从DDB成功检索条目。我一直试图告诉HTML文件调用lambda函数并取回数据（使用API Gateway）。我以前从未使用过AWS，如果这不是实现此目标的正确方法，请原谅我。

下面是lambda函数的代码：

'use-strict';

const AWS = require('aws-sdk');
const docClient = new AWS.DynamoDB.DocumentClient({region: 'us-location-x'});

exports.handler = (event, context, callback) => {
    let tableToRead = {
        TableName: 'dataStore',
        Limit: 10
    };

    docClient.scan(tableToRead, function(err,data){
       if(err){
           callback(err,null);
       } else {
           callback(null,data);
       }
    });
};

这是S3上的HTML：

<html>
    <head>
    </head>

    <body>
        <h1> This number that's in DDB </h1>

        <div id="entries">
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script type="text/javascript">
            //This is the link generated by API Gateway
            var API_URL = 'https://xxxxxxxxxx.execute-api.us-location-x.amazonaws.com/prod/retrieveDDB';
            $(document).ready(function(){
                $.ajax({
                    type: 'GET',
                    url: API_URL,

                    success: function(data){
                        $('#entries').html('');
                        data.Items.forEach(function(tableItem){
                            $('#entries').append('<p>' + tableItem.Row + '</p>');
                        })
                    }
                });
            });
        </script>
    </body>
</html>

当我使用“测试”按钮运行lambda函数时，它成功地从DDB中检索了数据。但是，当我尝试运行HTML时，它确实说了标题文本，但随后没有附加DDB中的值。我假设我只是不了解如何调用/解析lambda数据（如果我已经正确设置的话）。预先感谢您的帮助！