HTTP HEAD Request in Javascript/Ajax?

JavascriptAjaxHttp HeadersXmlhttprequest

Javascript Problem Overview

Is it possible to do a HTTP Head request solely using an XMLHTTPRequest in JavaScript?

My motivation is to conserve bandwidth.

If not, is it possible to fake it?

Javascript Solutions

Solution 1 - Javascript

Easy, just use the HEAD method, instead of GET or POST:

function UrlExists(url, callback)
{
    var http = new XMLHttpRequest();
    http.open('HEAD', url);
    http.onreadystatechange = function() {
        if (this.readyState == this.DONE) {
            callback(this.status != 404);
        }
    };
    http.send();
}

This is just a short example to show how to use the HEAD method. Production code may need more fine-grained callbacks for different result states (success, failure, timeout), and may use different event handlers (onload, onerror and ontimeout rather than onreadystatechange).

Solution 2 - Javascript

An XMLHTTPRequest object should have

getAllResponseHeaders();
getResponseHeader("header-name")

defined on it

Categories
Recommended Javascript Solutions
Recommended Ajax Solutions
Recommended Http Headers Solutions
Recommended Xmlhttprequest Solutions

Previous Solution:

Work offline in Team Foundation Server

TfsOffline Mode

Next Solution:

In C# would it be better to use Queue.Synchronized or lock() for thread safety?

C#MultithreadingQueue

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionEoghanMView Question on Stackoverflow
Solution 1 - JavascriptdoekmanView Answer on Stackoverflow
Solution 2 - JavascriptadamView Answer on Stackoverflow