php - 多步骤表单上的jQuery ajax

Question

大家好，我正在尝试将 jQuery AJAX 合并到我的多步骤表单中，以便它将某个 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/。

非常感谢提前

Answer 1

我没有result在您的标记中看到一个 div 调用。所以可能你需要在你显示的最后一个 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);
    }
});