Symfony2：JQuery 请求不是 XHR

Question

我正在使用 Symfony2 开发一个简单的博客应用程序。
我想通过 ajax 检查登录数据：

• 如果数据正确 -> 转发到另一个页面
• 如果不是 -> 以 400 状态响应并为表单设置动画

我的问题是 JQuery 发送的请求似乎不是 XHR。

HTML：

<form id="logfo" action="{{path('Login_Ajax')}}" method="POST">
    <p> Name </p>
    <input type="text" id="logname"> </br>
    <p> Password </p>
    <input type="text" id="logpass"> </br>
    <input type="submit" value="Log In">
</form>

Javascript：

$(document).ready(function() {
    //listen for the form beeing submitted
    $("#logfo").submit(function(){
        var url = $("#logfo").attr("action");
        //start the post
        $.post(url,{Name:$("#logname").val(),
            Password:$("#logpass").val()}, 
            function(data){
                if(data.responseCode==400) {
                    //animate the Form
                    var fo=$("#logfo");
                    fo.animate({left:'+=25px'}, "fast");
                    fo.animate({left:'-=50px'}, "fast");
                    fo.animate({left:'+=50px'}, "fast");
                    fo.animate({left:'-=25px'}, "fast");
                }
        });
    }); 
});

routing.yml:

Login_Ajax:
pattern: /thefitthing/logjax
defaults: {_controller: FitcompTheFitThingBlogBundle:Ajax:login }
requirements:
    _method:  POST

出于测试原因，我替换了用于将请求与数据进行比较的代码
使用简单的 if-terms 从数据库中获取。
控制器：

class AjaxController extends Controller {

    public function logInAction()
    {
        $request = $this->getRequest();
        if ($request->isXmlHttpRequest()) { 
            $name=$request->request->get('Name');
            if($name == "page") return new Response("",400);
            if($name == "plant") return $this->redirect($this->generateUrl('Thanks_Page'));
        }
        else return $this->render('FitcompTheFitThingBlogBundle:Blog:test.html.twig', array('hint' => "noXHR"));
    }
}

Answer 1

您的submit 处理程序不会阻止浏览器提交表单，因此您的 XHR 请求永远没有机会完成（浏览器只是先进行常规 POST）。您可以通过简单地删除您的 $.post 电话来确认这一点 - 行为完全没有区别。

通过阻止默认操作来解决此问题：

$("#logfo").submit(function(event) {
    event.preventDefault();
    $.post(...);
});