Read ajax response headers? How can I grab information from the response headers from within an jQuery ajax callback?
I have an object, "data", containing IDs to different items I'd like to build a detailed list with. I need to grab these details by sending a request to a server--one for each item. The issue I'm running into, is the response from the server contains half the information I need in the body of the response, and the other half in the headers. I can't figure out a bullet-proof way of reading the headers at the same time as the body... Here's a look at what I'm working with: function index(data) { for (var i = 0; i < data.length; i++) { $.ajax({ type: 'GET', url: 'http://domain.com/', data: 'this=that', success: function(data) { /* Here I want to create a list item out of the data returned in the body and headers */ }, complete: function(XMLHttpRequest, textStatus) { }, error: function() { } }); } } I've tried saving the $.ajax as a variable, and using .getResponseHeader('name'), but that only works sometimes, and other times returns "Error: INVALID_STATE_ERR: DOM Exception 11", which apparently means the headers aren't ready to be read. I've tried this both in the success and complete function. Any help would be incredibly awesome!