使用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 ）。