Send HTTP Request and properly ignore the Response in Javascript

Question

Examples abound of methods to initiate a web (HTTP) request in Javascript. But, when I initiate a web request and the server return a blank response, Firefox at least throws an error:

XML Parsing Error: no root element found Location: http://example.com/service Line Number 1, Column 1: 1 service:1:1

I am using a function similar to:

function RequestGET(url) {
    var req = new XMLHttpRequest();
    req.open("GET", url, true);
    req.send();
}

In this particular case, the server has nothing to return and I expect that. So, how do I structure my client-side script to handle this response without throwing this error? Or, more generally, how can I handle a non-XML response properly?

I'd recommend using the JavaScript portion from this question, which essentially boils down to if (typeof window.ActiveXObject != 'undefined'). — Obsidian Age
– Obsidian Age, Commented Jun 6, 2017 at 22:42
If you want to play the modern game, fetch makes XHR easier in native JS — Sterling Archer
– Sterling Archer, Commented Jun 6, 2017 at 22:45

palswim · Accepted Answer · 2017-06-07 00:06:56Z

2

For probably a defensible reason, Firefox sets the default MIME type to XML (not sure if it's text/xml or application/xml). Thankfully, the XMLHttpRequest object has an overrideMimeType method, which I can use to set the MIME type to text/plain.

The following function works to ignore responses, blank or otherwise:

function RequestGET(url, callback) {
    var req = new XMLHttpRequest();
    req.open("GET", url, true);
    if (req.overrideMimeType)
        req.overrideMimeType("text/plain");
    req.send(null);
}

answered Jun 7, 2017 at 0:06

palswim

12.2k8 gold badges57 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

palswim Over a year ago

The responseXML documentation helped me to arrive at this answer.

4 revs · Accepted Answer · 2017-06-07 08:45:46Z

1

`responseXML` may === `null`

The XMLHttpRequest.responseXML property is a read-only value which returns a Document containing the HTML or XML retrieved by the request, or null if the request was unsuccessful, has not yet been sent, or if the retrieved data can't be correctly parsed as XML or HTML.

Something like the below will catch and handle the many possible returns we can expect.

var xhr = new XMLHttpRequest(),
    handleResponses = function( x ) {
        var s = x.status;
        if ( s < 400 ) {
            if ( s === 200 ) {
                var rXML = x.responseXML;
                if ( rXML !== null ) {
                    console.log( rXML );
                } else {
                    console.error( "Not XML" );
                    console.log( x.response );
                }
            } else {
                console.warn(
                    { 204: "No Content",
                      304: "Not Modified" // etc.
                    }[ s ] || "Nothingness..."
                );
            }
        } else {
            console.error(
                { 400: "Bad Request",
                  404: "Not Found" // etc.
                }[ s ] || "Oh snap!"
            );
        }
    };
xhr.open( "GET", "https://example.com/service", true );
xhr.addEventListener( "error", function() {
    // If this happens, the request effectively failed.
    console.error( "The internet is empty" );
}, false );
xhr.addEventListener( "readystatechange", function() {
    // Even if the request fails, this will happen.
    if ( xhr.readyState === 4 ) {
        handleResponses( xhr );
    }
}, false );
xhr.send();

edited Jun 7, 2017 at 8:45

community wiki

4 revs
Fred Gandt

2 Comments

palswim Over a year ago

Thank you for your link to the responseXML documentation, which helped me arrive at the answer.

Fred Gandt Over a year ago

YW. Documentation rocks \m/

Chris Thornton · Accepted Answer · 2017-06-06 22:39:47Z

0

req.onreadystatechange=function() {
    if (req.readyState===4 && req.status===200) {
        var response=req.responseText;
    }
};

This will capture the response into the "response" variable once the request has been completed

answered Jun 6, 2017 at 22:39

Chris Thornton

1622 silver badges12 bronze badges

2 Comments

palswim Over a year ago

Including this part still throws the "XML Parsing Error", unfortunately.

Chris Thornton Over a year ago

Is this only when the server has no response? which line is it throwing it on?

score 0 · Accepted Answer · 2017-06-06 23:31:32Z

0

Or, more generally, how can I handle a non-XML response properly?

I would give the Try...Catch a go.

try {
  // parse response data
}
catch(error){
 // handle parsing exception
}
finally{
 // buy me a beer
}

Perhaps this would work, but around which block would I wrap the exception handling?

function RequestGET(url) {
    var req = new XMLHttpRequest();

    // set callback for xhr state change events
    xhr.onreadystatechange  = function() {

        if (req.readyState === 4) {
            // request is completed

            if(req.status === 200) {
                // The request succeed!
                try {
                    // parse response data
                    var parser = new DOMParser();
                    var xmlDoc = parser.parseFromString(req.responseText,"text/xml");

                    // here your xml document object...
                    // > xmlDoc
                }
                catch(error){
                 // handle parsing exception
                }
                finally{
                 // buy me a beer
                }

            } else {
                // The request did not succeed!
            }
        }
    }

    req.open("GET", url, true);
    req.send();
}

edited Jun 6, 2017 at 23:31

answered Jun 6, 2017 at 23:00

user6576367

2 Comments

palswim Over a year ago

Perhaps this would work, but around which block would I wrap the exception handling?

user6576367 Over a year ago

I extended my answer for you.

Collectives™ on Stack Overflow

Send HTTP Request and properly ignore the Response in Javascript

4 Answers 4

1 Comment

`responseXML` may === `null`

2 Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

responseXML may === null

2 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related

`responseXML` may === `null`