Chrome復制了ajax請求或響應

Question

我正在制作登錄表單，並且正在接收重復結果。 例如。 我點擊登錄按鈕，功能：

function PostLogin() {
  var $result = $("#forms"); 

  $.ajax({
type: "POST",
data: {
  "login": $('#login').val(), 
  "password": $('#password').val(),
},
dataType: "html",
url: "php/login.php",
beforeSend: function() {
  $result.html('<div class="alert">Подождите...</div>');
},
success: function(data) {
  $result.html(data);
},
});
}

收到結果后，應將其寫入<div id="forms" class = "formsdiv"></div>

我看了一會兒它寫了，但是隨后我直接調用了我的php文件：

我在Chrome中獲得的功能-參見圖片http://i.stack.imgur.com/RBiXx.png （無信譽）

Firefox工作正常，我得到了我想要的。

Firefox結果-http://i.stack.imgur.com/xnGBZ.png

我的登錄表格：

<form id="login-form" method="post" action="php/login.php" role="form" style="display: block;">
                                    <div class="form-group">
                                        <input type="text" name="login" id="login" tabindex="1" class="form-control" placeholder="Логин" value="">
                                    </div>
                                    <div class="form-group">
                                        <input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Пароль">
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-6 col-sm-offset-3">
                                                <input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" onclick="PostLogin()" value="Войти">
                                            </div>
                                        </div>
                                    </div>
                                </form>

有什么建議如何使其在chrome中工作？

Answer 1

您應該從表單中刪除action屬性或添加“ return false”； 到onclick事件，因為您正在使用AJAX調用並且不希望提交表單。