2011-02-06 4 views
6

Kodum jquery 1.4'te çalışıyor ve 1.5 sürümüne yükseltmeyi deneyin. Ama kod çalışmamaya bu kısmı -jQuery 1.5'de nasıl saf XMLHTTPRequest nesnesi elde edilir?

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); 
.... 

ben 1.5 gerçekten xhr sığınak olduğunu biliyoruz standart beforeSend işleyicisi - sadece jqXHR üst seviye soyutlama ve gibi görünüyor jqXHR yükleme özelliklerini yok.

Soru: jQuery 1.5'de nasıl (eski) xhr nesnesi olsun? senin beforeSend küresel olsaydı

cevap

0

deneyin kullanım jQuery.ajaxSettings.xhr()

+0

Olarak mı? Küçük bir örnek verebilir misin? – 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; 
}; 

sizin beforeSend belirli bir isteğe özgü olsaydı:

$.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

, bu herkes için çalışıyor mu? –

+0

Sizin için çalışmıyor mu? –

+1

xhr olması gerektiği gibi görünüyor: function() { –

2

Raphaels cevap genişletme yüzdelikler dahil edilir ...

 $.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; 
      },         
     });