Làm thế nào để có được đối tượng XMLHTTPRequest thuần túy trong jQuery 1.5?

Question

Mã của tôi hoạt động tốt trong jquery 1.4 và tôi thử nâng cấp lên 1.5. Nhưng phần mã này ngừng làm việc - beforeSend xử lý tiêu chuẩn của nó

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

Tôi biết rằng trong 1,5 havent thực sự XHR - chỉ trừu tượng jqXHR Corporate và có vẻ là jqXHR không có các thuộc tính tải lên.

Câu hỏi: làm thế nào có được đối tượng xhr thuần túy (cũ) trong jQuery 1.5?

Answer 1

Hãy thử jQuery.ajaxSettings.xhr sử dụng()

Answer 2

Nếu beforeSend của bạn là toàn cầu:

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; 
}; 

Nếu beforeSend của bạn đã được cụ thể cho một yêu cầu cụ thể:

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

Answer 3

Mở rộng Raphaels câu trả lời để bao gồm tỷ lệ phần trăm ...

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