非常奇怪的jQuery/AJAX行为

Question

我有一个Ajax调用服务器，只有当我通过alert();它的作品。无法弄清楚什么是错的。谁能帮忙？

目的

1. 如果 “更新” 按钮，在PrettyPhoto的iFrame点击 - 然后（一）呼叫服务器来运行PHP脚本，更新后端数据库，（二）密切PrettyPhoto窗口，以及（c）刷新
页
2. 如果“不更新”按钮，在PrettyPhoto的iFrame点击 - 只是（一）密切PrettyPhoto窗口，和（b）刷新页面

这不工作（即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 

}); 

This Works！ （即，当我有警报（）目前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()将启动对服务器的请求，然后脚本的其余部分将继续执行，即使请求正在传回服务器。

alert（）用来'放慢'/暂停你的其他代码，允许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 
    } 
});