使用JavaScript SDK进行Parse.com登录

Question

无法弄清楚为什么登录不起作用。 这是javaScript代码：

Parse.initialize("app id", "app key");

function fazerLogin() {
    var username = document.getElementById('usuario').value;
    var password = document.getElementById('senha').value;

    alert(username);
    alert(password);

    Parse.User.logIn(username, password, {
        success: function(user) {
            alert("deu certo");
            // Do stuff after successful login.
        },
        error: function(user, error) {
            alert("erro");
            alert(user + error);
            // The login failed. Check error to see why.
        }
    });
}

var botao = document.querySelector('#botao');
botao.onclick = fazerLogin;

之所以调用该函数，是因为我看到具有正确登录名和密码的警报。 我可以毫无问题地登录iOS sdk，但是在javaScript不起作用，我不确定我丢失了什么。 在body内部的html文档的末尾，我有：

     <!-- PARSE.COM JS -->
    <script src="assets/js/parse-1.2.18.js"></script>
    <script src="assets/js/login.js"></script>

即使我将用户名和密码输入为字符串，例如： Parse.User.logIn("username", "password", { ，它仍然不起作用。

更新：

当我在函数外部调用login时，该login有效：

Parse.User.logIn("email", "PASS", {
        success: function(user) {
            console.log("Deu certo");
            console.log(user);
            return true;
        },
        error: function(user, error) {
            console.log(user + error);
            return false;
        }
    });

HTML表格

<form role="form" id="formulario-login">
                <div class="form-group has-feedback lg left-feedback no-label">
                  <input type="text" class="form-control no-border input-lg rounded" placeholder="Usuário" autofocus id="usuario">
                  <span class="fa fa-user form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback lg left-feedback no-label">
                  <input type="password" class="form-control no-border input-lg rounded" placeholder="Senha" id="senha">
                  <span class="fa fa-unlock-alt form-control-feedback"></span>
                </div>
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" class="i-yellow-flat"> Manter-me conectado.
                    </label>
                  </div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-warning btn-lg btn-perspective btn-block" id="botao">LOGIN</button>
                </div>
            </form>

Answer 1

正如我们在评论中讨论的那样，问题在于您使用的是<button type="submit"而不是<button type="button" 。

两者之间的核心区别是， submit类型实际上将在执行功能之前提交表单以及HTML表单中的数据，而button类型将为您提供一个不提交但将触发所有分配的事件的按钮（例如您的onclick ）。