9

jQuery AJAX 呼び出しの後にページを更新しようとしています。すべてのデータが送信される前に、ページが更新されているようです (ときどきのみ)。以下のこのスニペットで、その理由を誰でも見ることができます。成功関数に更新コードがあるため、混乱しています。

追加async = falseしてみましたが、それもうまくいかないようでした。

function sendRating(rating, reload_on_return) {

$.ajax({
    type: "POST",
    dataType: 'json',
    url: window.url_root + cid + "/",
    data: {
        "rating": rating.r2 / 100.0
    },
    success: function(data) {
        if (data.hasOwnProperty('success')) {
            console.log("data was sent!");

            if (reload_on_return) {
                    location.reload();

            }

        }
    },
    error: function() {
        console.log("Data didn't get sent!!");
    }
})
4

1 に答える 1

17

更新を実行する前に、setTimeout を実行して、一瞬待機させることができます。

function sendRating(rating, reload_on_return) {

$.ajax({
    type: "POST",
    dataType: 'json',
    url: window.url_root + cid + "/",
    async: false,
    data: {
        "rating": rating.r2 / 100.0
    },
    success: function(data) {
        if (data.hasOwnProperty('success')) {
            console.log("data was sent!");

            if (reload_on_return) {
                setTimeout(
                  function() 
                  {
                     location.reload();
                  }, 0001);    
            }

        }
    },
    error: function() {
        console.log("Data didn't get sent!!");
    }
})
于 2013-08-08T16:54:17.780 に答える