javascript - 从 html 表单获取数据时出现错误 409
问题描述
我遇到了以下问题:我有一个 HTML 文件,它使用表单来接收系统中用户注册表的数据。我通过我的 JavaScript 获取这些值,并获取执行注册和展开所有其余地籍过程的 API。但是当我进行注册时,我遇到了错误 409,并且在我的代码中找不到这个错误的原因。你还能找到/解决吗?
登记表
<form id="register" name="register" onsubmit="submitRegister(); return false;">
<h4>Cadastre-se</h4>
<div>
<input type="text" placeholder="Primeiro Nome" id="register-fName" required>
<input type="text" placeholder="Último Nome" id="register-lName" required>
<input type="email" placeholder="Email" id="register-email" required>
<input type="password" placeholder="Senha" id="register-psw" required>
<button type="submit">Cadastrar-se</button>
</div>
</form>
脚本函数
function submitRegister() {
var fName = document.getElementById("register-fName").value
var lname = document.getElementById("register-lName").value
var email = document.getElementById("register-email").value
var senha = document.getElementById("register-psw").value
var data = {
email: email,
senha: senha,
primeiroNome: fName,
ultimoNome: lname
}
fetch('https://api-ucdb.herokuapp.com/api/v1/users/', {
method: 'POST',
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json; charset=utf-8'
},
body: JSON.stringify(data)
})
.then(function(response){
if (!response.ok)
throw new Error("Não foi possível completar o cadastro")
return response.json()
})
.then(function(data){
alert("Usuário cadastrado com sucesso" + data)
console.log(data)
})
.catch(function(error) {
console.log('There has been a problem with your fetch operation: ' + error.message);
alert(error.message);
});
}
解决方案
推荐阅读
- amazon-web-services - 对 S3 的 API 调用超时
- azure - 为没有应用程序网关的应用程序服务设置 WAF
- powershell - 根据内容移动 .csv 文件
- c# - C# AutoMapper 将字符串数组映射到对象列表中
- node.js - 将视频流从客户端传送到另一台服务器,而不在服务器上下载
- ios - 如何在 SwiftUI 中模糊视图的一部分
- frequency - Python中是否有一个函数用于计算向量中的一对值与它们出现在向量中的模式匹配的瞬间数
- session - 即使配置为持续数小时,IIS 会话也会在几分钟后过期
- outlook - 邮件上的 Outlook 加载项通知
- spring-boot - JVM 不关闭:Camel + ActiveMq Pool + SpringBoot