Мой запрос функции 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(""); 

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

6
Murat 7 Июл 2010 в 14:48

3 ответа

Лучший ответ

Чтобы получить ответ от 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);

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

7
Daniel Vassallo 7 Июл 2010 в 11:03

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

// 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;
}​
2
gblazex 7 Июл 2010 в 11:06

Чтобы получить ответ, добавьте функцию-обработчик события 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');
3
bobince 7 Июл 2010 в 11:00