jqxhr.responseText変数がxhrオブジェクトに設定されていると、未定義の理由は何ですか？

Question

私は本当のシンプルなjquery get callをここに持っています。後でそのスクリプトでその応答を使いたいと思います。私はこれを行うのであれば：

var xhr = $.get('cfc/partsDefinition.cfc',{ 
       method: 'checkValid', 
       search: 'some search string' 
      } 
     ); 
     console.log(xhr); 
     console.log(xhr.responseText); 

を私はA）は最初のログが...私は期待に設定responseTextプロパティを使用して、

promise: function (a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a} 
readyState: 4 
responseText: "0" 
setRequestHeader: function (a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this} 

が、B）を有効jqxhrオブジェクトを示していることがわかります2番目のログは "undefined"を示します。私はここで何が欠けていますか？

Answer 1

コードのその時点では、定義されていないため、undefinedが表示されています。 AJAXは非同期です。つまり、コードが実行された後にコードが完了する前に完了しません。 responseTextは、ajax呼び出しが完了するまで未定義になります。ここでは例です：

var xhr = $.get('cfc/partsDefinition.cfc',{ 
       method: 'checkValid', 
       search: 'some search string' 
      } 
     ).done(function(data){ 
      console.log("xhr",xhr); 
      console.log("xhr.responseText",xhr.responseText); 
      console.log("data",data); 
     }); 
console.log("This should happen before the other console logs"); 

Answer 2

は、合意された - それは存在しないとき、あなたはおそらくそれを投棄しています。いくつかのエラー処理を追加してみてください：jQueryので

 $.get('cfc/partsDefinition.cfc',{ 
       method: 'checkValid', 
       search: 'some search string' 
      }, 
      function(data, textStatus, jqXHR){ // Success Case 
       console.log(data); 
       console.log(jqXHR); 
      } 
     ); 

     $('.errorContainer').ajaxError(function(event, jqXHR, ajaxSettings, thrownError){ 
        $(this).append('ohhhhz noooz - ajax error'); 
      console.log(event); 
      console.log(jqXHR); 
      console.log(ajaxSettings); 
      console.log(thrownError); 
     }); 

get()速記は、任意のエラー処理に組み込まれていない - それはちょうどそれをsupresses。だからあなたが何かをキャッチしようとしているなら、あなた自身のエラーハンドラを作る必要があります。

http://api.jquery.com/ajaxError/