Ajax表单不起作用

我正在尝试创建一个使用表单的登录页面：

<form method="post" id="foo" action="http://******/auth/signIn">
        <input type="text" name="username" />
        <input type="password" name="password" />
        <input type="checkbox" name="rememberMe" />
  <input name="submit" type="submit" value="Submit">
</form>

现在，我已经从前面显示的html中的表单标记中删除了操作部分。

---

但它并没有进入警戒状态；。有人能告诉我为什么这不起作用吗？

服务器的响应是什么？如果它没有调用

success

处理程序，那么可能有错误？那么服务器将重定向到新页面。我不认为这是一个错误，因为它的工作时，我只使用表单没有ajax。然后它接受这些值并将我带到下一页。省略

操作

并不会神奇地将表单变成Ajax表单。它仍然像有一个动作一样工作，只使用当前的url。但是当使用AJAX时，实际的响应是什么呢？您需要使用浏览器调试工具（如Firebug或Chrome工具）来捕获网络响应。如果响应是重定向，那么AJAX处理程序将不会执行任何操作。重定向是一种没有实际内容的特定类型的响应，JavaScript不会遵循重定向。因此没有内容可以附加到DOM中。这是正确的@GolezTrol，但是ajax代码是否应该将其重定向到下一页？

$(function() {
$('#foo').submit(function() {
    $.ajax({
        type: $(this).attr('method'),
        url: "http://******/auth/signIn",
        data: $(this).serialize(),
        success: function(responseText) {
            $('#result').html(responseText);
            alert("hey");
        }
    });
    return false; // important: prevent the form from submitting
});
});