Получите ответ от сервера с Javascript после запроса Javascript - PullRequest
Новая
       5

Получите ответ от сервера с Javascript после запроса Javascript

5 голосов
/ 07 июля 2010

Мой запрос функции Javascript к странице aspx. Код: 

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

После этого запроса я хочу отправить ответ обратно с этой страницы и перехватить его на стороне клиента. Как мне это сделать?

Ответы [ 3 ]

6 голосов
/ 07 июля 2010

Чтобы получить ответ от XMLHttpRequest в асинхронном режиме (третий параметр true для метода open()), вы должны установить свойство onreadystatechange для функции обратного вызова.Эта функция будет вызвана, когда ответ будет готов в браузере: 

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

Вы можете проверить следующую статью для дальнейшего чтения по теме:

3 голосов
/ 07 июля 2010

Чтобы получить ответ, добавьте функцию обработчика события readystatechange.Это будет вызвано, когда ответ будет готов прочитать: 

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

Между прочим: 

("XMLHttpRequest" in window)

Хотя in в целом является хорошим способом проверить, существует ли свойство,это одно из немногих мест, где оно не идеально.

Проблема в том, что в IE7 +, когда опция 'native XMLHttpRequest' отключена, XMLHttpRequest все еще существует как свойство в window,но с непригодным значением null.Так что в данном конкретном случае лучше использовать простой тест на правду, который разрешит откат к ActiveX в (маловероятном) случае, если эта опция отключена: 

var xhr= window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject('MSXML2.XMLHttp');
2 голосов
/ 07 июля 2010

Вам нужно сделать немного больше , чтобы заставить его работать в кросс-браузерном режиме, но как только это будет сделано, вы получите функцию многократного использования без какой-либо библиотеки. 

// 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;
}​
...