[jQuery] problems with async ajax call in ie

[csetzkorn]

Dear all,

Because IE behaves differently to FF I have to implement a ‘mother
function’ that only returns a value after an ajax call finished.

Basically this works fine in FF:

HTML:

<p id="error_message_step1" style="color:red;"></p>

Script:

$(document).ajaxStart(function() { $.blockUI({ message: 'hello',
overlayCSS: { backgroundColor: 'green'} }); })
$(document).ajaxStop(function() { $.unblockUI(); })

function step1_validator() {
            ...
            $.ajax({
                url: "../bla",
                type: "POST",
                dataType: "text",
                data: { userName: userName, email: email, password:
password, confirmPassword: confirmPassword },
                async: false,
                error: function(XMLHttpRequest, textStatus,
errorThrown) {
                    $('#error_message_step1').text("Server error " +
textStatus + " " + errorThrown);
                },
                success: function(data) {
                    var x = JSON.parse(data);
                    $('#error_message_step1').html(x.message);
                }
            });

            if (!$('#error_message_step1').text() ) {
                return true;
            }
            else {
                return false;
            }
        }

It blocks the screen whilst the Ajax call is executed. Unfortunately,
this does not work for IE. The screen is only briefly blocked. Why is
this and what is a possible work around?

BTW,  if I use an asynchronous ajax call the step1_validator ‘mother
function’  returns without waiting for the ajax call which I have to
avoid.

Looking forward to hearing from you. Thanks in advance.

Best wishes,

Christian