다단계 양식의 jQuery 아약스

Question

안녕하세요. 다단계 양식에 jQuery AJAX를 통합하여 process.php 페이지의 특정 div를 업데이트하지만 결과를 새 페이지. 페이지를 새로 고치지 않고 div를 업데이트하려면 어떻게해야합니까? http://jsfiddle.net/xSkgH/47/ :

$.ajax({ 
    url: 'process.php', 
    data: $('form[name="booking"]').serialize(), 
    dataType: 'html', 
    type: 'POST', 
    success: function(data) { 

     // this is the bit that needs to update the div 

     $('#last-step').fadeOut(300, function() { $('#result').html(data).fadeIn(300); 
    }, 
    complete: function (data) { 
     // your code here 
    }, 
    error: function (url, XMLHttpRequest, textStatus, errorThrown) { 
     alert("Error: " + errorThrown); 
    } 
}); 

이 내 다단계 형태의 코드는 다음과 같습니다

이것은 내가 사용하고있어 jQuery 코드입니다. 사전에

많은 감사

Answer 1

나는 사업부는 마크 업에 result라고 볼니까. 따라서 아마도 마지막 div에 결과를 표시해야 할 것입니다. 그리고 누락되었습니다 })도 있습니다. 아래 코드는 작동해야합니다.

$.ajax({ 
    url: 'process.php', 
    data: $('form[name="booking"]').serialize(), 
    dataType: 'html', 
    type: 'POST', 
    success: function(data) { 

     // this is the bit that needs to update the div 

     $('#last-step').fadeOut(300, function() { 
       $('#last-step').html(data).fadeIn(300); 
     }); 
    }, 
    complete: function (data) { 
     // your code here 
    }, 
    error: function (url, XMLHttpRequest, textStatus, errorThrown) { 
     alert("Error: " + errorThrown); 
    } 
});