个人中心
gpt4 book ai didi

AWS S3 bucket error in Fetching AWS gateway API(获取AWS网关API时出现AWS S3存储桶错误)

转载 作者：bug小助手 更新时间：2023-10-24 21:49:58 25 4
gpt4 key购买 nike



I have a simple API that works in my browser through the url:

我有一个简单的API，它可以通过URL在我的浏览器中工作：


https://XXX.execute-api.us-east-2.amazonaws.com/testing/calculator?x=test&y=testing

I get a 200 response there.

我在那里得到了200个回复。


The problem is when I try to take 2 inputs from an HTML page then pass them into the API to get the response and display the data on the html page I get an error saying: An error occured: Load failed

问题是，当我尝试从一个HTML页面获取2个输入，然后将它们传递到API以获得响应并在html页面上显示数据时，我得到一个错误消息：出现错误：加载失败


It could be something to do with CORS or something within my JavaScript. I am new to AWS and JS so I have been asking chatGPT for help along the way.

它可能与CORS有关，也可能与我的JavaScript中的某个东西有关。我是AWS和JS的新手，所以我一直在向chat GPT寻求帮助。


Below is my javascript:

下面是我的脚本：


document.addEventListener('DOMContentLoaded', function() {
    const calculateButton = document.getElementById('calculate-button');
    const resultDiv = document.getElementById('result');

    calculateButton.addEventListener('click', function() {
        // Retrieve the values of x and y from the input fields
        const x = parseFloat(document.getElementById('x').value);
        const y = parseFloat(document.getElementById('y').value);

        // Check if x and y are valid numbers
        if (isNaN(x) || isNaN(y)) {
            resultDiv.textContent = 'Please enter valid numbers for x and y.';
            return;
        }

        // Make a GET request to your Lambda function with x and y as query parameters
        fetch(`https://XXXX.execute-api.us-east-2.amazonaws.com/testing/calculator?x=${x}&y=${y}`)
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(data => {
                // Handle the response data as needed
                resultDiv.textContent = `Result: ${data.result}`;
            })
            .catch(error => {
                resultDiv.textContent = `An error occurred: ${error.message}`;
                console.error(error);
            });
    });
});

Could someone help me out with this issue?

有人能帮我解决这个问题吗？


I also am attaching my CORS settings for API gateway
CORS SETTINGS

我还为API网关CORS设置附加了我的CORS设置


更多回答
优秀答案推荐
更多回答

25 4 0
文章推荐： FOR EACH Loop DAX(对于每个环路DAX)
文章推荐： How to have a set number of attempts for user input? [duplicate](如何设置用户输入的尝试次数？[复制])
文章推荐： Generate one html or pdf page from a series of php-created html pages(从一系列由php创建的html页面生成一个html或pdf页面)
文章推荐： Convert base-2 binary number string to int(将基数为2的二进制数字字符串转换为整型)
bug小助手
个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章
滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com