How do I detect requests initiated by the new fetch standard? How should I detect an AJAX request in general?

Question

On a server it can be useful to know that an incoming request is AJAX.

Most js libraries use XMLHttpRequest and so provide HTTP_X_REQUESTED_WITH: XMLHttpRequest, but neither Chrome's implementation nor Github's polyfill of the new fetch uses a similar header. So how can one detect that the request is AJAX?

Why is a request identifying its initiator not enforced through standards for fetch and XMLHttpRequest? Should something else be used for decision-making (e.g. clients providing the content-type they expect in response)?

Answer 1

Check out this issue on the Github's polyfill repository, specially this comment.

Since the X-Requested-With header is not an standard, they are using a wrapper that provides some of the missing behavior.

If you need more guidance, check this lines of the wrapper code:

function headers(options) {
  options = options || {}
  options.headers = options.headers || {}
  options.headers['X-Requested-With'] = 'XMLHttpRequest'
  return options
}

Answer 2

Why is a request identifying its initiator not enforced through standards

Because it shouldn't matter.

HTTP clients ask for the thing they want to get. The server should give it to them.

Giving clients something different based on what the client is tends to cause more problems than it solves. User-Agent sniffing being a prime example.

Should something else be used for decision-making (e.g. clients providing the content-type they expect in response)?

Yes.

The Accept header is specifically provided for allowing a client to specify which format they would prefer the data in when an HTTP resource is available in multiple formats.