2013-02-12 3 views
0

내 사이트의 모든 양식을 "뒤에서"제출하도록 기능을 만들고있어 웹 사이트가 리디렉션되지 않습니다. 양식의 데이터를jQuery가 포함 된 Ajax 양식

$('form').each(function(data){ 
    var el = $(this); 
    $(el).submit(function(){ 
     var action = el.attr('action'); 
     $.post(action, function(){ 
      console.log(action); 
     }); 
     return false;  
    }); 
}); 

은 "CONSOLE.LOG"URL 드 문제없이 로그인과 같은 URL :

는 코드입니다. 그러나 $ .post 함수는 그것을 제출하지 않습니다.

어떤 아이디어?, 이것은 symfony2에 있습니다. (

+3

내가 넣어 havr 양식 데이터를 게시하는 예를 잊고 단지'$을 수행 할 수 있습니다 'form'). submit (function() {})' –

+0

양식 중 하나를 게시 할 수 있습니까? 귀하의 jquery 나를 위해 일하는 (uncessessary와 함께. 각). 페이지의 다른 곳에서 문제가 있다고 생각하게합니다 – Tucker

+0

라우팅에 POST를 추가 했습니까? YAML을 위해서 당신은'require : {_method : POST}'와 같은 것을 사용할 것입니다. – qooplmao

답변

0

하지 말자는 .. 당신은 정말 각 문을 필요가 없습니다 $ 아약스

$(".yourform").submit(function(e){ 
    e.preventDefault(); 
    var data = $(this).serialize(); 
    var action = $(this).attr('action'); 

    $.ajax({ 
     url: action, 
     type: "POST", 
     data: data, 
     success: function(result) {       
     //logic here 
     }); 
    }); 

}); 
+0

대단히 감사합니다! 양식 데이터를 전달하는 것을 잊지 않아 이제는 매력처럼 작동합니다! – Nico

+0

또한 제출 된 양식 요소 (예 : 응답의 업데이트 된 양식)를 바꾸려면 '$ (document) .on ("submit", ".yourform", function (e) {/* ... * /})'새 양식에 동일한 핸들러를 원할 경우. – Peter

+0

위 정보가 더 필요하지 않으면 질문에 답변으로 표시 할 수 있습니다. 고마워 ! –

관련 문제