2017-08-11 16 views
0

プロトタイプのAjaxリクエストに進捗イベント・リスナーを追加する方法は?プロトタイプのAjaxリクエストに進捗イベントリスナーを追加する方法は?

私はこれについて、プロトタイプのドキュメントには何も見つかりませんでした。..

私はではなく、プロトタイプでのjQueryを使用して、いくつかの例を見つけました。

new Ajax.Request('/some_url', { 
method:'get', 
onSuccess: function(transport) {..}, 
onFailure: function() {..} 
}); 

はjQueryのを使用して:

$.ajax({ 
xhr: function() { 
    var xhr = new window.XMLHttpRequest(); 

    // Upload progress 
    xhr.upload.addEventListener("progress", function(evt){ 
     if (evt.lengthComputable) { 
      var percentComplete = evt.loaded/evt.total; 
      //Do something with upload progress 
      console.log(percentComplete); 
     } 
    }, false); 

    // Download progress 
    xhr.addEventListener("progress", function(evt){ 
     if (evt.lengthComputable) { 
      var percentComplete = evt.loaded/evt.total; 
      // Do something with download progress 
      console.log(percentComplete); 
     } 
    }, false); 

    return xhr; 
}, 
type: 'POST', 
url: "/", 
data: {}, 
success: function(data){..} 
}); 

答えて

1

は、ここで私は

new Ajax.Request('backend.php',{'method':'get','onCreate':function(t){ 
    t.transport.upload.onprogress = function(event){ 
     if(event.lengthComputable) 
     { 
      console.log((event.loaded/event.total * 100 | 0)+'%'); 
     } 
    } 
},'onSuccess':function(result){ 
    console.log("success") 
}}); 
+0

感謝をAJAXファイルのアップロードを行うための私のコードで使用例です!私も 't.transport.onprogress = function(event){..}'を追加しました。 – vhanahrni

関連する問題