25
4
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
reqwest v0.9 将 serde v1.0 作为依赖项，因此实现 converting serde_json errors into reqwest error . 在我的代码中，我使用 se
我有这个代码: let file = FileStorage { // ... }; file.write("Test", bytes.as_ref()) .map_err(|e| Mu
我只是尝试用angular-cli创建一个新项目，然后运行服务器，但是它停止并显示一条有趣的消息:Error: No errors。 我以这种方式更新了(希望有帮助):npm uninstall -g
我从我的 javascript 发送交易 Metamask 打开传输对话框 我确定 i get an error message in metamask (inpage.js:1 MetaMask -
这个问题在这里已经有了答案: How do you define custom `Error` types in Rust? (3 个答案) How to get a reference to a
我想知道两者之间有什么大的区别 if let error = error{} vs if error != nil?或者只是人们的不同之处，比如他们如何用代码表达自己？ 例如，如果我使用这段代码: u
当我尝试发送超过 50KB 的图像时，我在 Blazor 服务器应用程序上收到以下错误消息 Error: Connection disconnected with error 'Error: Serv
我有一个error-page指令，它将所有异常重定向到错误显示页面 我的web.xml: [...] java.lang.Exception /vi
我有这样的对象: address: { "phone" : 888, "value" : 12 } 在 WHERE 中我需要通过 address.value 查找对象，但是在 SQL 中有函数
每次我尝试编译我的代码时，我都会遇到大量错误。这不是我的代码的问题，因为它在另一台计算机上工作得很好。我尝试重新安装和修复，但这没有帮助。这是整个错误消息: 1>------ Build starte
在我的代码的类部分，如果我写一个错误，则在不应该的情况下，将有几行报告为错误。我将'| error'放在可以从错误中恢复的良好/安全位置，但是我认为它没有使用它。也许它试图在某个地方恢复中间表情？ 有
我遇到了 csv 输入文件整体读取故障的问题，我可以通过在 read_csv 函数中添加 "error_bad_lines=False" 来删除这些问题来解决这个问题。 但是我需要报告这些造成问题的文
在 Spring 中，验证后我们在 controller 中得到一个 BindingResult 对象。 很简单，如果我收到验证错误，我想重新显示我的表单，并在每个受影响的字段上方显示错误消息。 因此
我不知道出了什么问题，因为我用 Java 编程了大约一年，从来没有遇到过这个错误。在一分钟前在 Eclipse 中编译和运行工作，现在我得到这个错误: #A fatal error has been
SELECT to_char(messages. TIME, 'YYYY/MM/DD') AS FullDate, to_char(messages. TIME, 'MM/DD
我收到这些错误: AnonymousPath\Anonymized.vb : error BC30037: Character is not valid. AnonymousPath\Anonymiz
我刚刚安装了 gridengine 并在执行 qstat 时出现错误: error: commlib error: got select error (Connection refused) erro
嗨，我正在学习 PHP，我从 CRUD 系统开始，我在 Windows 上安装了 WAMP 服务器，当我运行它时，我收到以下错误消息。 SCREAM: Error suppression ignore
我刚刚开始一个新项目，我正在学习核心数据教程，可以找到:https://www.youtube.com/watch?v=zZJpsszfTHM 我似乎无法弄清楚为什么会抛出此错误。我有一个名为“Exp
当我使用 Jenkins 运行新构建时，出现以下错误: "FilePathY\XXX.cpp : fatal error C1853: 'FilePathZ\XXX.pch' precompiled
我是一名优秀的程序员,十分优秀！