Obtenir la réponse du serveur avec Javascript Javascript après demande

Ma fonction Javascript demande à une page aspx.
Son Code:

 var xhr = ("XMLHttpRequest" in window) ? new XMLHttpRequest() : new ActiveXObject("Msxml3.XMLHTTP");
    xhr.open("GET", = 'http://www.example.net/abc.aspx', true);
    xhr.send("");

Après cette demande, je veux envoyer une réponse à partir de cette page et de l'attraper sur le côté client. Comment dois-je faire?

Murat, vous devriez regarder d'un framework javascript (comme jQuery) pour ce faire. Son cross-browser et assez simple.

OriginalL'auteur Murat | 2010-07-07

  1. 6

    Pour obtenir une réponse de l' XMLHttpRequest en mode asynchrone (troisième paramètre est true pour la open() méthode), vous devez définir la onreadystatechange propriété à une fonction de rappel. Cette fonction sera appelée en arrière quand la réponse est prêt à l'navigateur:

    xhr.open("GET", 'http://www.example.net/abc.aspx', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4)  { 
    var serverResponse = xhr.responseText;
  }
};
xhr.send(null);

    Vous pouvez consultez l'article suivant pour plus de lecture sur le sujet:

    Merci pour tout le monde. Toutes les réponses sont la résolution de mon problème.

    OriginalL'auteur Daniel Vassallo

  2. 3

    Pour obtenir la réponse, ajoutez une readystatechange fonction de gestionnaire d'événement. Ce sera appelée en arrière quand la réponse est prêt à lire:

    xhr.onreadystatechange= function() {
    if (this.readyState!==4) return; //not ready yet
    if (this.status===200) { //HTTP 200 OK
        alert(this.responseText);
    } else {
        //server returned an error. Do something with it or ignore it
    }
};
xhr.open('GET', 'http://www.example.net/abc.aspx', true);
xhr.send();

    D'ailleurs:

    ("XMLHttpRequest" in window)

    Tandis que in est en général une bonne façon de tester si une propriété existe, c'est l'un des très rares endroits où il n'est pas idéal.

    Le problème est que dans IE7+, lorsque le " natif XMLHttpRequest’ option est désactivée, les XMLHttpRequest existe toujours en tant que propriété de window, mais avec le inutilisable valeur null. Il est donc préférable dans ce cas d'utiliser une vérité simple test, qui permettra de secours pour les ActiveX dans le cas (improbable) que cette option est désactivée:

    var xhr= window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject('MSXML2.XMLHttp');

    OriginalL'auteur bobince

  3. 2

    Que vous avez à faire un peu plus pour obtenir le travail de la croix-navigateur, mais une fois que c'est fait, vous avez un réutilisables fonction, sans aucune bibliothèque.

    //making a call is as simple as this
ajax( "http://www.example.net/abc.aspx", function( data ){
    //do something with the server's response
    alert(data);
});

///////////////////////////////////////////////////////////////////////////////

function getXmlHttpObject() {
    var xmlHttp;
    try {
        //Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    } catch (e) {
        //Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    if (!xmlHttp) {
        alert("Your browser does not support AJAX!");
    }
    return xmlHttp;
}


function ajax(url, onSuccess, onError) {

    var xmlHttp = getXmlHttpObject();

    xmlHttp.onreadystatechange = function() {
      if (this.readyState === 4) {

            //onSuccess
            if (this.status === 200 && typeof onSuccess == 'function') {
                onSuccess(this.responseText);
            }

            //onError
            else if(typeof onError == 'function') {
                onError();
            }

        }
    };
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
    return xmlHttp;
}​

    OriginalL'auteur gblazex