如何通过单击按钮查询DynamoDB,以通过javascript和html输出数据库中的每条记录

如何通过单击按钮查询DynamoDB,以通过javascript和html输出数据库中的每条记录,javascript,html,amazon-web-services,amazon-s3,aws-lambda,Javascript,Html,Amazon Web Services,Amazon S3,Aws Lambda,我在AmazonS3上托管一个静态网页,该网页上有一个按钮。当我单击按钮时,我希望它触发lambda函数,从DynamoDB中提取所有记录并将它们输出到网页上。我的代码是错误的,并且产生了错误。有人能帮我纠正一下吗 我的DynamoDb表格叫做风险。每个记录有两个字段:风险(主键)和说明 这是我的Javascript函数 <script src="jquery.js"></script> <script src="knockout-3.

我在AmazonS3上托管一个静态网页,该网页上有一个按钮。当我单击按钮时,我希望它触发lambda函数,从DynamoDB中提取所有记录并将它们输出到网页上。我的代码是错误的,并且产生了错误。有人能帮我纠正一下吗

我的DynamoDb表格叫做风险。每个记录有两个字段:风险(主键)和说明

这是我的Javascript函数

<script src="jquery.js"></script>
<script src="knockout-3.5.1.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    
  var PageUI = function() {
    var self = this;
    self.risk = ko.observable("");
    self.description = ko.observable("");


    self.getRisk = function () {
      $.ajax({
        url: 'MyAPI',
        cache: false,
        type: 'GET',
        data: { "Risk": self.searchKey() },
        success: function (data) {
          self.Risk(data.Item.Risk)
          self.description(data.Item.description)
        }
      });
    }
  }

  var viewModel = new PageUI();
  ko.applyBindings(viewModel);
});

</script>

<body>
  <input type="submit" value="Execute Lambda Function" data-bind="value : searchKey click: $root.getRisk()">
</body>
const AWS = require('aws-sdk');
var docClient = new AWS.DynamoDB.DocumentClient();

var tableName = "Risks";

exports.handler = (event, context, callback) => {
    
    var params = {
        TableName : tableName, 
        Key:{
            "Risk" : event.Risk
        } 
    }
    docClient.get(params, function(err, data){
        callback(err, data);
    })
};