XHR timeout

[emmebì]

Ho una chiamata XMLHTTP del tipo:

dojo.connect(jsonStoreSpecificAttributes, "onSet", function(item)
    {
    if (!confirm('Salvare le modifiche? '))  return false;

    var uri = "interface.controlCenter.php?updateSpecifics&bookletId=<?php echo $bookletId;?>";
    if (typeof XMLHttpRequest!="undefined") xmlhttp = new XMLHttpRequest();
    else if (typeof window.ActiveXObject!="undefined") xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    else return false;

    xmlhttp.open("POST",uri,true);
    xmlhttp.timeout = 30000;
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=ISO-8859-15");
    xmlhttp.setRequestHeader("Connection","close");

    xmlhttp.onreadystatechange = function()
        {
        if (xmlhttp.readyState==4)
            if (xmlhttp.responseText!="") alert(xmlhttp.responseText); // in case of error.
        }
    var data = "key="+escape(item.key)+"&"+"value="+escape(item.value);
    xmlhttp.send(data);
    return true;
    });

Come si gestisce correttamente un timeout, nel caso in cui appunto la risorsa richiesta non risponda?

[whisher]

E' un po datata ma tanto per
darti l'idea:

var maxSecondsWait= 5;
var timeOutCheckWait= 500;
var timeoutMsg1= 'Il server tarda a rispondere!';
var timeoutMsg2= 'Ritentare fra qualche secondo o segnalare il problema all assistenza';
function XHConn(){
    var xmlhttp = null;
    var result= true;
    var browser = navigator.userAgent.toUpperCase();
    if(typeof(XMLHttpRequest) === "function" || typeof(XMLHttpRequest) === "object"){
                xmlhttp = new XMLHttpRequest();
    }
    else if(window.ActiveXObject && browser.indexOf("MSIE 4") < 0){
        if(browser.indexOf("MSIE 5") < 0){
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        else{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    if (xmlhttp===null){result= false;}
    this.connect = function(sURL, mMethod, sVars, fnDone, fnError){
        var callupDate = new Date();
          var callupStart = callupDate.getTime();
          var checkWaitInitialized = false;
        var checkSpentTime=function(){};
          var maxWait;
        var timeoutID= 0;
        var sMethod = mMethod.toUpperCase();
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("connection", "close");
        if(sMethod == "POST"){
            xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
            xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xmlhttp.setRequestHeader('Content-Length', sVars.length);
        }
        xmlhttp.onreadystatechange = function(){
            if (xmlhttp.readyState == 4){
                if(xmlhttp.status == 200){
                    window.clearTimeout(timeoutID);
                    fnDone(xmlhttp);
                   }
                else{
                    fnError(xmlhttp);
                }
            }
            else if(!checkWaitInitialized){
                maxWait= maxSecondsWait * 1000;
                checkSpentTime= function(){
                    callupDate = new Date();
                    if((callupDate.getTime() - callupStart) > maxWait) {
                        //Expired time!!
                        xmlhttp.onreadystatechange= function(){return;};
                        xmlhttp.abort();
                        alert(timeoutMsg1);
                        alert(timeoutMsg2);
                          location.reload(true);
                    } 
                    else {
                        timeoutID= window.setTimeout(checkSpentTime, timeOutCheckWait);
                    }
                  };
                checkSpentTime();
                checkWaitInitialized = true;
                
              }
        }
        xmlhttp.send(sVars);
    }
    return result;
};
function errorHandler(xhr){
    alert("HTTP error: "+xhr.status);
}
/*
Esempio
function Miafunzione(xhr){
alert(xhr.responseText);
}
var xhr= new XHConn();
if(!xhr){alert(noXhr);return;}
var postVar= 'JSON='+encodeURIComponent(json_encode(values));
xhr.connect(page,'POST',postVar,Miafunzione,errorHandler);
*/ 

[emmebì]

Grazie mille per la risposta e per avermi indicato il metodo esatto.
Ho trovato però che il seguente funziona meglio:

dojo.connect(jsonStoreSpecificAttributes, "onSet", function(item)
    {
    if (!confirm('Salvare le modifiche? '))  return false;

    var uri = "interface.controlCenter.php?updateSpecifics&bookletId=<?php echo $bookletId;?>";
    if (typeof XMLHttpRequest!="undefined") xmlhttp = new XMLHttpRequest();
    else if (typeof window.ActiveXObject!="undefined") xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    else return false;

    xmlhttp.open("POST",uri,true);

    xmlhttp.timeout = 30000;
    xmlhttp.ontimeout = xmlhttpct.abort();

    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=ISO-8859-15");
    xmlhttp.setRequestHeader("Connection","close");

    xmlhttp.onreadystatechange = function()
        {
        if (xmlhttp.readyState==4)
            if (xmlhttp.responseText!="") alert(xmlhttp.responseText); // in case of error.
        }
    var data = "key="+escape(item.key)+"&"+"value="+escape(item.value);
    xmlhttp.send(data);
    return true;
    });

[emmebì]

Quel codice abortisce la chiamata (dopo il timeout non viene più richiesta la risorsa HTTP), però mi immobilizza FF nell'usare una seconda volta quell'oggetto per una ulteriore chiamata.

Why????

[whisher]

Grazie al c.... che funziona meglio
stai utilizzando un framework.
(non lo avevo visto nel primo post)
Dojo non lo conosco ma puoi benissimo
farlo con jquery (che tra le altre cose è molto + leggero come fw)
Afaik dojo viene utilizzato per progetti enterprise.

[emmebì]

No non sto utilizzando le primitive di dojo, solo il dojo.connect è un costrutto dojo; quello che c'è "dentro" è una chiamata XHR std - dojo avrebbe la sua ma per comodità mia preferisco usare una XHR "plain".

.. però non va a dovere ;I

PS: è un progetto enterprise...

[whisher]

Originariamente inviato da emmebì
No non sto utilizzando le primitive di dojo, solo il dojo.connect è un costrutto dojo; quello che c'è "dentro" è una chiamata XHR std - dojo avrebbe la sua ma per comodità mia preferisco usare una XHR "plain".

.. però non va a dovere ;I

PS: è un progetto enterprise...

if (!confirm('Salvare le modifiche? '))  return false;

    var uri = "interface.controlCenter.php?updateSpecifics&bookletId=<?php echo $bookletId;?>";
    if (typeof XMLHttpRequest!="undefined") xmlhttp = new XMLHttpRequest();
    else if (typeof window.ActiveXObject!="undefined") xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    else return false;

    xmlhttp.open("POST",uri,true);

Torno a ripetere che dojo non lo conosco
ma so che se facessi una cosa del genere
con jquery mi sputerebbe in un occhio

Ho i miei dubbi che dojo non abbia
un metodo che faccia al caso tuo.

[emmebì]

Originariamente inviato da whisher
Ho i miei dubbi che dojo non abbia
un metodo che faccia al caso tuo.

Ce l'ha ce l'ha, sono io che per motivi miei (e testardaggine...) vorrei usare un XHR plain

[whisher]

Originariamente inviato da emmebì
Ce l'ha ce l'ha, sono io che per motivi miei (e testardaggine...) vorrei usare un XHR plain

d'accordo che fare tutto a manina
ha il suo fascino ma ..................
a tutto c'è un limite


Semplice costatazione
Secondo te il tuo codice
è migliore di quello di dojo ?

Ho i miei forti dubbi.

[emmebì]

Originariamente inviato da whisher
è migliore di quello di dojo ?

Ah direi di no!