try to change the paramater name inside the success function, to
something like "xhr",
for example:
...
success:function (data,xhr) {}
complele:function (xhr) {}
..
You uses XMLHttpRequest. Maybe the browser think about the native
object.
On Jan 13, 9:16 pm, bryan <br...@resenmedia.com> wrote:
> 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!
