既存のAJAXコールのエラーで別のJquery AJAXコールを作成する

Question

成功とエラーの場合に正常に動作する次のコードがあります。しかし、私がしたいのは、エラーの場合に別のアヤックスコールを行うことです。他のURLにそれを行う正しい方法は何ですか。私は再びajax関数を呼び出してみましたが、JavaScriptエラーが発生しました。

これは作業コードのサンプルです。

$('#save-walkin').die('vclick').live('vclick', function(e) { 
    e.preventDefault(); 
    $.mobile.showPageLoadingMsg(); 
    $.ajax({ 
       url: 'http://www.someurl.com', 
       method: 'POST', 
       data: $('#form-createwalkin').serialize(), 
       success: function(){ 
        $.mobile.hidePageLoadingMsg(); 
        document.location.href = "queue.php"; 
       }, 
       error: function(){ 
        $.mobile.hidePageLoadingMsg(); 
        document.location.href = "queue.php"; 
       } 
      }); 
    return false; 
}); 

ここで私がしようとしていることは、このようなものです。しかし、それはこのような

$('#save-walkin').die('vclick').live('vclick', function(e) { 
e.preventDefault(); 
$.mobile.showPageLoadingMsg(); 
$.ajax({ 
      url: 'http://www.someurl.com', 
      method: 'POST', 
      data: $('#form-createwalkin').serialize(), 
      success: function(){ 
       $.mobile.hidePageLoadingMsg(); 
       document.location.href = "queue.php"; 
      }, 
      error: function(){ 
       $.ajax({ 
        url: 'http://www.someotherurl.com', 
        method: 'POST', 
        data: $('#form-createwalkin').serialize(), 
        success: function(){ 
         $.mobile.hidePageLoadingMsg(); 
         document.location.href = "queue.php"; 
        }, 
        error: function(){ 
         $.mobile.hidePageLoadingMsg(); 
         document.location.href = "queue.php"; 
        } 
       } 
      }); 
    return false; 
}); 

Answer 1

正しく構成されていません。それは次のようになります。

$('#save-walkin').die('vclick').live('vclick', function(e) { 
    e.preventDefault(); 
    $.mobile.showPageLoadingMsg(); 
    $.ajax({ 
     url: 'http://www.someurl.com', 
     method: 'POST', 
     data: $('#form-createwalkin').serialize(), 
     success: function(){ 
      $.mobile.hidePageLoadingMsg(); 
      document.location.href = "queue.php"; 
     }, 
     error: function(){ 
      $.ajax({ 
       url: 'http://www.someotherurl.com', 
       method: 'POST', 
       data: $('#form-createwalkin').serialize(), 
       success: function(){ 
        $.mobile.hidePageLoadingMsg(); 
        document.location.href = "queue.php"; 
       }, 
       error: function(){ 
        $.mobile.hidePageLoadingMsg(); 
        document.location.href = "queue.php"; 
       } 
      }); 
     } 
    }); 

    return false; 
}); 

Answer 2

何かを働いていない、オブジェクト内にアヤックスを格納することは、あなたに多くの柔軟性を与え、そしてエラー（失敗）関数の中で、ちょうど別のURLで再び関数を呼び出します。

おそらく調整が必要なのですが、1回だけ繰り返すとしたらカウンタが必要です。

runAjax('http://www.someurl.com'); 

funcion runAjax(url) { 
    var jqXHR = $.ajax({ 
     url: url, 
     method: 'POST', 
     data: $('#form-createwalkin').serialize() 
    }); 
} 

jqXHR.done(function() { 
    $.mobile.hidePageLoadingMsg(); 
    document.location.href = "queue.php"; 
}.fail(function() { 
    runAjax('http://www.someotherurl.com'); 
}); 

Answer 3

は、私が最初にあなたのコールバックをチェックし,,またはあなたが取得しているどのようなエラー..

が、それはあなたを助けるかもしれするために持っていると思う。..

$.ajax({ 
    statusCode: { 
    404: function() { 
     alert('page not found'); 
    } 
    } 
}); 

を

あなたも

var menuId = $("ul.nav").first().attr("id"); 
var request = $.ajax({ 
    url: "script.php", 
    type: "POST", 
    data: {id : menuId}, 
    dataType: "html" 
}); 

request.done(function(msg) { 
    $("#log").html(msg); 
}); 

request.fail(function(jqXHR, textStatus) { 
    alert("Request failed: " + textStatus); 
}); 

Answer 4

使用繰延オブジェクトを与えることを試みることができ、それらはあなたができる、非同期呼び出しを操作するためのオブジェクトであります解決：

$.when($.ajax("/page1.php"), $.ajax("/page2.php")) 
    .then(myFunc, myFailure); 

をどちらか一方にエラーがある場合にmyFuncは2つのAjaxのコールが行われた後に実行し、myFailureこの方法です。

あなたはjqueryの公式ドキュメントでそれについての詳細を読むことができます：あなたが取得しているものjavascriptのエラーJQuery Deferred Object