jQuery ajax on multi-step form

Question

こんにちは皆、私はマルチステップフォームにjQuery AJAXを組み込んで、特定のdivをprocess.phpページのものに更新するようにしていますが、新しいページ。ページを更新せずに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のコードです。私はあなたのマークアップでresultと呼ばれるdiv要素を参照してくださいいけない事前

Answer 1

で

感謝します。だから、おそらく、最後の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); 
    } 
});