0

みなさん、こんにちは。jQueryAJAXをマルチステップフォームに組み込んで、特定のdivをprocess.phpページのdivに更新しますが、結果は新しいページに読み込まれ続けます。ページを更新せずにdivを更新するにはどうすればよいですか？

これは私が使用しているjQueryコードです：

$.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);
    }
});

これは私のマルチステップフォームのコードです：http：//jsfiddle.net/xSkgH/47/。

よろしくお願いします

4

1 に答える 1

1

マークアップで呼び出されたdivが表示されません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);
    }
});
于 2012-04-16T12:22:25.820 に答える