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;”您正在使用AJAX调用并且不希望表单提交，因此您的onclick事件。

Chrome会复制ajax请求或响应

1 个答案: