jQuery에서 AJAX 양식 제출

Question

$.post(jquery ajax function)과 함께 일부 데이터를 보내려고 할 때 문제가 있습니다. 작동하지 않습니다. 내 코드는 여기에 있습니다 : 나는 문제가 데이터가 전송되는으로 추측하고

$.post(
    $(this).attr("action"), 
    {  
     task: "add", 
     $(this).serialize() 
    }, 
    function(data) { 
     if (data.length > 0) { 
      alert("Success"); 
     } 
    } 
); 

, 실제로 나는 내가 task 변수 모든를 지정해야합니다 그것을 위해 그렇게 수행 할 수있는 스위치의 경우 문이 많은 하나의 완전한 AJAX 페이지가 내가 보낸 시간과 AJAX 요청.

이 문제를 해결하는 방법에 대한 더 좋은 해결책이 있다면 언제든지 생각을 나누십시오. 고맙습니다.

Answer 1

다음과 같아야합니다.

$.post(
    $(this).attr("action"), 
    {task:"add",'data': $(this).serialize()}, 
    function(data){ 
     if(data.length > 0){ 
      alert("Success"); 
     } 
    } 
); 

Answer 2

문제는이 부분이다 : 그것은 문자 그대로 유효한 객체 아니기 때문에 구문 오류를 던질 것

{  
    task: "add", 
    $(this).serialize() 
} 

. $(this).serialize()을 호출하면 요청에 대한 쿼리 문자열 인 문자열이 반환됩니다. 당신이 할 수있는 것은이 대신이다

$.post($(this).attr('action'), $(this).serialize() + '&task=add', function(data) {...}); 

Answer 3

문제는 라벨이 쉼표 후 필요로하는 부분

{task:"add",$(this).serialize()} 

가 유효하지 아마.

적어도 유효한 개체가되지만 서버에 게시하는 것은 바람직하지 않습니다.

내가 가장 쉬운 해결책은 형태를 참조

$.post($(this).attr("action"), 
$(this).serialize() + '&task=add', 
function(data){ 
if(data.length > 0){ 
    alert("Success"); 
} 
});