2013-02-28 145 views
2

我正在使用Symfony2开发一个简单的博客应用程序。
我想通过AJAX来检查密码数据:Symfony2:JQuery请求不是XHR

  • 如果数据是正确的 - >前进到另一个页面
  • 如果不是 - >用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")); 
    } 
} 

回答

4

submit处理程序不阻止浏览器提交表单,因此您XHR请求从未有机会来完成(浏览器只是做常规的POST第一)。您可以通过简单地删除您的$.post调用来确认这一点 - 根本不会有任何行为差异。

修复此通过防止默认动作:

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

我改变了它,但现在我不能提交表单既不 – Simeon 2013-02-28 22:18:32

+0

@Simeon:对不起,我不明白你的意思。请更具体一些。 – Jon 2013-02-28 22:20:59

+0

当我点击提交按钮没有任何反应 – Simeon 2013-02-28 22:22:46