2017-10-04 11 views
0

次のajaxコールは別のコールバック関数内にネストされていますが、最初のコールが実行された後はコンソールに何も記録されません。問題はどこですか?ネストされたAJAXコール成功関数は実行されません

$.ajax({ 
    url: "https://ck:8081/get-username", 
    type: "get", 
    success: function (response) { 
     userName = response 
     $.ajax({ 
      url: "https://ck:8081/new-chatuser?username=" + userName, 
      type: "get", 
      success: function (response) { 
       console.log('response' + response) 
       $('onlineMembers').append(response) 
      } 
     }) 
    } 
}) 
+0

あなたは決して成功するシナリオではないかもしれません。 '失敗 'の場合を追加してログに記録してみてください。また、相互にネストされているので、 'response'に異なる変数名を使用しようとします。 – Panther

+0

おそらくそれらのうちの1つが失敗しています。いくつかの基本的なデバッグを行う必要があります。そのため、ブラウザの開発ツールのコンソールタブとネットワークタブで、エラーと非応答コードを確認してください。 – ADyson

+0

'$( 'onlineMembers')'は '$( 'onlineMembers')'または '$( '。onlineMembers')' – ibubi

答えて

0

ことにremedieするあなたが送信される要求の一つで障害が発生して、最も可能性があり、あなたは以下のコードで説明したようにエラーを処理する必要があります。

$.ajax({ 
    url: 'https://ck:8081/get-username', 
    type: 'get', 
    success: function(response1) { 
     console.log(`First succeeded : ${response2.toString()}`); 
     $.ajax({ 
      url: 'https://ck:8081/new-chatuser?username=' + response1, 
      type: 'get', 
      success: function (response2) { 
       console.log(`Second succeeded : ${response2.toString()}`); 
       $('onlineMembers').append(response2); 
      }, 
      error: function(error) { 
       console.log(`Second failed : ${error.toString()}`); 
      } 
     }); 
    }, 
    error: function(error) { 
     console.log(`First failed : ${error.toString()}`); 
    } 
}); 

あなたが望むこと$('onlineMembers')を変更するには、使用しているセレクタが正しいとは思わないためです。

関連する問題