0

我有一个表格，人们可以在其中预订给定活动的座位。
它实际上是一个 WordPress 插件。当有人发送他的预订时，会正确发送电子邮件通知，并相应地更新活动预订状态。
问题是预订表格没有提供任何反馈。
一旦您点击“立即预订”，图形就会继续加载，并且不会显示任何反馈，例如“预订发送成功”或“您的表单中有错误”，即使预订已正确保存并通过电子邮件通知双方。
我想这是一个 JavaScript 问题，Firebug 控制台没有显示任何错误......
所以这里是预订表格的代码源：

$('#em-booking-form').submit( function(e){
e.preventDefault();
var em_booking_doing_ajax = false;
$.ajax({
    url: EM.bookingajaxurl,
    data:$('#em-booking-form').serializeArray(),
    dataType: 'jsonp',
    type:'post',
    beforeSend: function(formData, jqForm, options) {
        if(em_booking_doing_ajax){
            alert(EM.bookingInProgress);
            return false;
        }
        em_booking_doing_ajax = true;
        $('.em-booking-message').remove();
        $('#em-booking').append('<div id="em-loading"></div>');
    },
    success : function(response, statusText, xhr, $form) {
        $('#em-loading').remove();
        $('.em-booking-message').remove();
        $('.em-booking-message').remove();
        //show error or success message
        if(response.result){
            $('<div class="em-booking-message-success em-booking-message">'+response.message+'</div>').insertBefore('#em-booking-form');
            $('#em-booking-form').hide();
            $('.em-booking-login').hide();
            $(document).trigger('em_booking_success', [response]);
        }else{
            if( response.errors != null ){
                if( $.isArray(response.errors) && response.errors.length > 0 ){
                    var error_msg;
                    response.errors.each(function(i, el){ 
                        error_msg = error_msg + el;
                    });
                    $('<div class="em-booking-message-error em-booking-message">'+error_msg.errors+'</div>').insertBefore('#em-booking-form');
                }else{
                    $('<div class="em-booking-message-error em-booking-message">'+response.errors+'</div>').insertBefore('#em-booking-form');                           
                }
            }else{
                $('<div class="em-booking-message-error em-booking-message">'+response.message+'</div>').insertBefore('#em-booking-form');
            }
        }
        $('html, body').animate({ scrollTop: $("#em-booking").first().offset().top - 50 }); //sends user back to top of form
        //run extra actions after showing the message here
        if( response.gateway != null ){
            $(document).trigger('em_booking_gateway_add_'+response.gateway, [response]);
        }
        if( !response.result && typeof Recaptcha != 'undefined'){
            Recaptcha.reload();
        }
    },
    complete : function(){
        em_booking_doing_ajax = false;
        $('#em-loading').remove();
    }
});
return false;   
});
4

1 回答 1

2

如果您将数据类型设置为json而不是jsonp.

通常，当您需要对另一个域进行 AJAX 查询时，您会使用 jsonp，而在这种情况下您没有这样做。

于 2012-06-08T06:48:49.927 回答