首页 > 解决方案 > 从 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);
        });
    }

标签: javascripthtmljsonforms

解决方案


推荐阅读