从网页触发AWS API并返回SQL查询结果

Question

我已经配置了一个AWS Data API，可以成功调用Lambda函数（该函数与RDS数据库进行交互）并返回JSON sqlStatementResults。 测试查询和结果如下：

查询字符串>查询：

{sqlStatement="SELECT * FROM Table"}

我现在正在尝试完成此过程的最后一部分：从公共URL与API进行交互； 我在S3存储桶中托管了一个index.html页面，我希望用户能够在其中键入SQL查询（以某种搜索栏元素）并单击“查询”按钮（可能是按钮元素），使用指定的SQL查询（大概是jQuery AJAX方法）触发API请求，并在另一个输出元素中返回API响应内容（目前最好只是一个字符串，尽管理想情况下是Bootstrap DataTable）。 我不确定该怎么做。

这是该网页的示例（SQL查询输入，单击查询按钮，使用AWS API Gateway API端点通过AJAX GET方法通过jQuery函数发出的API请求，将输入查询发送到Lambda-> RDS，查询结果到Lambda-> API->替换网页上的“这是一个测试箱...”？）：