2011-02-06 7 views
6

私のコードはjquery 1.4で正常に動作し、1.5にアップグレードしてみます。 しかし、コードの停止作業のこの部分 - その標準beforeSendハンドラjQuery 1.5で純粋なXMLHTTPRequestオブジェクトを取得するには?

beforeSend: function (xhr, options) { 
// 
__forced_abort = false; 

// 
xhr.upload.addEventListener('progress', on_progress, false); 
xhr.upload.addEventListener('load', on_loaded, false); 
xhr.addEventListener('abort', on_abort, false); 
.... 

私は1.5で、本当にXHR haventはことを知っている - ちょうどjqXHRハイレベルの抽象化をして、アップロード属性を持っていないjqXHRのようです。

質問:jQuery 1.5で純粋な(古い)xhrオブジェクトを取得するにはどうすればよいですか?

答えて

0

あなたbeforeSendがグローバルた場合jQuery.ajaxSettings.xhr()

+0

として使用?少しの例がありますか? – dimkalinux

12

を使用してみてください。

var oldXHR = jQuery.ajaxSettings.xhr; 
jQuery.ajaxSettings.xhr = function() { 
    var xhr = oldXHR(); 
    if(xhr instanceof window.XMLHttpRequest) { 
     xhr.upload.addEventListener('progress', on_progress, false); 
     xhr.upload.addEventListener('load', on_loaded, false); 
     xhr.addEventListener('abort', on_abort, false); 
    } 
    return xhr; 
}; 

あなたbeforeSendは、特定の要求に特異的であった場合は、次の

Raphaels答えを拡張
$.ajax({ 
    xhr: function() { 
     var xhr = jQuery.ajaxSettings.xhr(); 
     if(xhr instanceof window.XMLHttpRequest) { 
      xhr.upload.addEventListener('progress', on_progress, false); 
      xhr.upload.addEventListener('load', on_loaded, false); 
      xhr.addEventListener('abort', on_abort, false); 
     } 
     return xhr; 
    } 
}); 
+0

これは誰のためにも機能しますか? –

+0

それはあなたのために働かないのですか? –

+1

はxhrのように見えます:function(){ –

2

パーセンテージを含める...

 $.ajax({ 
      type: 'POST', 
      success: function(data) 
      { 

      } 
      xhr: function() { 
       var xhr = jQuery.ajaxSettings.xhr(); 
       if(xhr instanceof window.XMLHttpRequest) { 
        xhr.upload.addEventListener('progress', function(){ 
         var percent = 0; 
         var position = event.loaded || event.position; /*event.position is deprecated*/ 
         var total = event.total; 
         if (event.lengthComputable) { 
          percent = Math.ceil(position/total * 100); 
         } 

         var percentVal = percent+ '%'; 
         $('#progressBar').css('width',percentVal); 
         $('#uploadPercentage').html(' '+percentVal); 
        }, false); 
       } 
       return xhr; 
      },         
     }); 
関連する問題