Очень странное поведение jQuery/AJAX

Question

У меня есть вызов Ajax на сервер, который работает только при передаче alert();. Не могу понять, что не так. Может ли кто-нибудь помочь?

ЦЕЛЬ

1. Если кнопка «Update» щелкнул в PrettyPhoto плавающем фрейме - то (а) вызов сервера для запуска PHP скрипт, который обновляет базу данных бэкэнда, (б) закрыть окно PrettyPhoto, и (с) обновить страницу
2. Если «не обновлять» кнопка нажата в PrettyPhoto плавающем фрейме. - только (а) закрыть окно PrettyPhoto, и (б) обновить страницу

Это не работает (то есть, Ajax вызов сервера не сделайте):

jQuery.support.cors = true; // needed for ajax to work in certain older browsers and versions 

$('input[name="status"]').on("change", function() { 

    if ($('input:radio[name="status"]:checked').val() == 'Y') { 

     $.ajax({ 
      url: 'http://mydomain.com/dir/myPHPscript.php?param=' + $('#param').val() + '&id=' + ($('#id').val() * 1) + '&mode=' + $('#mode').val() 
     }); 

    } 

    window.parent.closePP(); 

    window.top.location.href = $('#redirect').val(); // reloads page 

}); 

Это работает! (То есть, Ajax вызов к серверу получает сделано, когда у меня есть предупреждение() подарок.):

jQuery.support.cors = true; // needed for ajax to work in certain older browsers and versions 

$('input[name="status"]').on("change", function() { 

    if ($('input:radio[name="status"]:checked').val() == 'Y') { 

     $.ajax({ 
      url: 'http://mydomain.com/dir/myPHPscript.php?param=' + $('#param').val() + '&id=' + ($('#id').val() * 1) + '&mode=' + $('#mode').val() 
     }); 

     alert('this makes it work'); 

    } 

    window.parent.closePP(); 

    window.top.location.href = $('#redirect').val(); // reloads page 

}); 

Спасибо.

Сделано множество изменений, основанных на ответах - до сих пор не может заставить его работать. Вот последняя:

jQuery.support.cors = true; // needed for ajax to work in certain older browsers and versions 

$('input[name="status"]').on("change", function() { 

if ($('input:radio[name="status"]:checked').val() == 'Y') { 

    $.ajax({ 
     url: 'http://mydomain.com/dir/myPHPscript.php?param=' + $('#param').val() + '&id=' + ($('#id').val() * 1) + '&mode=' + $('#mode').val(), 
     success: functions(data) {var $doNothing = data;} 
    }); 

} 

window.parent.closePP(); 
window.top.location.href = $('#redirect').val(); // reloads page 

}); 

Answer 1

Вы должны делать все остальное в обратный вызов Ajax

См jquery ajax

$('input[name="status"]').on("change", function() { 
    if ($('input:radio[name="status"]:checked').val() == 'Y') { 
     $.ajax({ 
      url: 'http://mydomain.com/dir/myPHPscript.php?param=' + $('#param').val() + '&id=' + ($('#id').val() * 1) + '&mode=' + $('#mode').val() 
     }, 
     success:function() { 
      window.parent.closePP(); 
      window.top.location.href = $('#redirect').val(); // reloads page 
     }); 
    } 
    else { 
      window.parent.closePP(); 
    } 
}); 

Вы также можете просто получить данные:

$('input[name="status"]').on("change", function() { 
    if ($('input:radio[name="status"]:checked').val() == 'Y') { 
     $.get('http://mydomain.com/dir/myPHPscript.php?param=' + $('#param').val() + '&id=' + ($('#id').val() * 1) + '&mode=' + $('#mode').val(), 
     function() { 
      window.parent.closePP(); 
      window.top.location.href = $('#redirect').val(); // reloads page 
     }); 
    } 
    else { 
      window.parent.closePP(); 
    } 
}); 

Answer 2

AJAX является асинхронным. Звонок $.ajax() инициирует запрос на сервер, а затем остальная часть вашего скрипта будет продолжать выполняться, даже когда запрос возвращается на сервер обратно.

Предупреждение() служит для «замедления»/приостановки остальной части вашего кода, что позволяет выполнить запрос ajax.

Что вам нужно сделать, это:

$.ajax({ 
    url: '....'; 
    success: someFunction; 
}); 

когда преуспевает вызов Ajax, он будет вызывать someFunction(), который является, где вы могли бы сделать свой .location.href материал.

Answer 3

Вы можете попробовать это:

$('input[name="status"]').on("change", function() { 

    if ($('input:radio[name="status"]:checked').val() == 'Y') { 

     $.ajax({ 
      url: '....', 
      success: function(data) { 
        window.parent.closePP(); 
        window.top.location.href = $('#redirect').val(); 
        } 
     });  

    } 
    else{ 

     window.parent.closePP(); 

     window.top.location.href = $('#redirect').val(); // reloads page 
    } 
});