Skip to main content

Bug Tracker

Side navigation

#10365 closed enhancement (duplicate)

Opened September 28, 2011 02:26PM UTC

Closed May 06, 2012 02:03AM UTC

Last modified May 06, 2012 02:03AM UTC

onprogress ajax

Reported by: anonymous Owned by: jaubourg
Priority: low Milestone: 1.next
Component: ajax Version: 1.6.4
Keywords: Cc:
Blocked by: Blocking:
Description

I wanna know if you have some api of progress event on sending XMLHttpRequest. I have used one example of https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest to do the function on the ajax core on jquery.min.

I think its a good sugestion to do that in the next jquery version.


// Do send the request
// This may raise an exception which is actually
// handled in jQuery.ajax (so no try/catch here)
//  Progresso de upload
var divporcentagem = $j("#porcentagem");

function onProgress(e) {
  var percentComplete = ( (e.loaded / e.total)*100 ).toFixed(0); 
  divporcentagem.empty();
  divporcentagem.append(percentComplete+"%");
}  

xhr.upload.onprogress = onProgress;
xhr.send( ( s.hasContent && s.data ) || null );

I think its not possible to atach lik a complete:function{} or success.

Thanks.

Attachments (0)
Change History (6)

Changed October 02, 2011 01:16PM UTC by jaubourg comment:1

component: unfiledajax
description: I wanna know if you have some api of progress event on sending XMLHttpRequest. I have used one example of https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest to do the function on the ajax core on jquery.min. \ I think its a good sugestion to do that in the next jquery version. \ // Do send the request \ // This may raise an exception which is actually \ // handled in jQuery.ajax (so no try/catch here) \ // Progresso de upload \ var divporcentagem = $j("#porcentagem"); \ function onProgress(e) { \ var percentComplete = ( (e.loaded / e.total)*100 ).toFixed(0); \ divporcentagem.empty(); \ divporcentagem.append(percentComplete+"%"); \ } \ xhr.upload.onprogress = onProgress; \ xhr.send( ( s.hasContent && s.data ) || null ); \ \ I think its not possible to atach lik a complete:function{} or success. \ \ Thanks. I wanna know if you have some api of progress event on sending XMLHttpRequest. I have used one example of https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest to do the function on the ajax core on jquery.min. \ I think its a good sugestion to do that in the next jquery version. \ \ {{{ \ \ // Do send the request \ // This may raise an exception which is actually \ // handled in jQuery.ajax (so no try/catch here) \ // Progresso de upload \ var divporcentagem = $j("#porcentagem"); \ \ function onProgress(e) { \ var percentComplete = ( (e.loaded / e.total)*100 ).toFixed(0); \ divporcentagem.empty(); \ divporcentagem.append(percentComplete+"%"); \ } \ \ xhr.upload.onprogress = onProgress; \ xhr.send( ( s.hasContent && s.data ) || null ); \ \ }}} \ \ I think its not possible to atach lik a complete:function{} or success. \ \ Thanks.
milestone: None1.next
owner: → jaubourg
priority: undecidedlow
status: newassigned

Changed October 03, 2011 10:54AM UTC by anonymous comment:2

Actually i think is not a try/catch function just a fuction atched to the xhr object

but i undertand that ou guys make an exception for it so i did some api based on jquery

thanks for the answer.

Changed October 03, 2011 10:54AM UTC by anonymous comment:3

Replying to [ticket:10365 anonymous]:

I wanna know if you have some api of progress event on sending XMLHttpRequest. I have used one example of https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest to do the function on the ajax core on jquery.min. I think its a good sugestion to do that in the next jquery version.
> 
> // Do send the request
> // This may raise an exception which is actually
> // handled in jQuery.ajax (so no try/catch here)
> //  Progresso de upload
> var divporcentagem = $j("#porcentagem");
> 
> function onProgress(e) {
>   var percentComplete = ( (e.loaded / e.total)*100 ).toFixed(0); 
>   divporcentagem.empty();
>   divporcentagem.append(percentComplete+"%");
> }  
> 
> xhr.upload.onprogress = onProgress;
> xhr.send( ( s.hasContent && s.data ) || null );
> 
> 
I think its not possible to atach lik a complete:function{} or success. Thanks.

Actually i think is not a try/catch function just a fuction atched to the xhr object

but i undertand that ou guys make an exception for it so i did some api based on jquery

thanks for the answer.

Changed October 03, 2011 08:17PM UTC by anonymous comment:4

Replying to [comment:2 anonymous]:

Actually i think is not a try/catch function just a fuction atched to the xhr object but i undertand that ou guys make an exception for it so i did some api based on jquery thanks for the answer.

(function(jQuery){

jQuery.ajaxmrQUERY = function(options) {

var configuracoes = {

url : null,

type : null,

data : null,

async: true,

acao : null,

ContentType : "text"

}

var opcoes = jQuery.extend(configuracoes,options);

criarAjaxmr(opcoes);

};

var criarAjaxmr = function(opcoes){

var requisicao = new XMLHttpRequest();

requisicao.upload.onprogress = opcoes.progresso;

requisicao.onload = opcoes.successo;

requisicao.onerror = opcoes.errore;

requisicao.onreadystatechange = function()

{

if(requisicao.readyState==4)

{

if(requisicao.status==200)

{

if(opcoes.ContentType=="text")

{

opcoes.respostadarequisicao(requisicao.responseText);

}

if(opcoes.ContentType=="json")

{

opcoes.respostadarequisicao(JSON.parse(requisicao.responseText));

}

}

}

}

requisicao.open(opcoes.type, opcoes.url, opcoes.async);

if(opcoes.acao=="search")

{

requisicao.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

requisicao.send($j.param(opcoes.data));

}

else

{

requisicao.send(opcoes.data);

}

}

})(jQuery);

Changed May 06, 2012 02:03AM UTC by jaubourg comment:5

resolution: → duplicate
status: assignedclosed

Changed May 06, 2012 02:03AM UTC by jaubourg comment:6

Duplicate of #9883.