大佬教程收集整理的这篇文章主要介绍了获取 SyntaxError:使用 JavaScript,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
基本上,我正在尝试发送带有表单数据的发布请求以验证用户登录。数据已发送,但我无法获取实际的 JsON 对象来验证用户并转到下一个屏幕。
代码如下:
async function userLogin() {
let form = document.forms["loginForm"];
let fd = new FormData(form);
let data = {};
for (let [key,prop] of fd) {
data[key] = prop;
}
VALUE = JsON.Stringify(data,null,2);
console.log("esto es: " + value);
const headers = new headers();
headers.append('Content-Type','application/Json');
headers.append('Accept','application/Json');
headers.append('Access-Control-Allow-Origin','*');
const init = {
method: 'POST',headers,mode: 'no-cors',cache: 'default',body: VALUE
}
var username = document.getElementByID("logininput").value;
var password = document.getElementByID("passwordinput").value;
const url = `http://banaccess.do/API/method/login?usr=${usernamE}&pwd=${passworD}`;
fetch(url,init)
.then(data => data.Json())
.then(data => { console.log("Data: " + data) })
.catch((err) => {
console.error(err);
});
console.log("URL enviada " + url);
console.log("Usuario: " + username + "\nContraseña: " + password);
}
<!DOCTYPE HTML>
<HTML lang="es-DO">
<head>
<!-- required Meta Tags -->
<Meta charset="utf-8">
<Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1">
<!-- bootstrap CSS -->
<link href="https://cdn.Jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/CSS/bootstrap.min.CSS" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOul0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Main CSS -->
<link href="../resources/CSS/main.CSS" rel="stylesheet">
<!-- Login CSS -->
<link href="../resources/CSS/loginScreen.CSS" rel="stylesheet">
<title>Reporte de comisiones</title>
</head>
<body>
<div class="wrapper fadeInDown">
<div ID="formContent">
<!-- Tabs titles -->
<!-- Icon -->
<div class="fadeIn first">
<img src="../resources/images/logo.png" ID="icon" alt="User Icon" />
</div>
<!-- Login Form -->
<form ID="loginForm" name="loginForm" method="POST">
<input type="text" ID="logininput" class="fadeIn second" name="logininput" placeholder="Usuario" autocomplete="off">
<input type="password" ID="passwordinput" class="fadeIn third" name="passwordinput" placeholder="Contraseña" autocomplete="off">
<input type="button" class="fadeIn fourth" value="Iniciar Sesión" onclick="userLogin()">
</form>
<!-- Remind Passowrd -->
<div ID="formFooter">
</div>
</div>
</div>
<script src="https://cdn.Jsdelivr.net/npm/@popperJs/core@2.5.4/dist/umd/popper.min.Js"
integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHIDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
<script src="https://cdn.Jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/Js/bootstrap.min.Js"
integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudFlare.com/AJAX/libs/jquery/3.2.1/jquery.min.Js"></script>
<script src="../scripts/userLogin.Js"></script>
</body>
</HTML>
正如您所看到的,它实际上是在读取表单的输入数据并将其传递给 const url。
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的获取 SyntaxError:使用 JavaScript全部内容,希望文章能够帮你解决获取 SyntaxError:使用 JavaScript所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。