程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了获取 SyntaxError:使用 JavaScript大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决获取 SyntaxError:使用 JavaScript?

开发过程中遇到获取 SyntaxError:使用 JavaScript的问题如何解决?下面主要结合日常开发的经验,给出你关于获取 SyntaxError:使用 JavaScript的解决方法建议,希望对你解决获取 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,请注明来意。
标签:获取