Ajax Response 200 ok, but shows failed to load response data

Question

I am making an ajax call to a backend rest api, the api is returning fine. If I console.log() the success data and error data, it gives "resource logged in", 200 ok on the console but when I view it in the network tab response for that auth/login route, it shows "Failed to load the response data". And this happens sometimes only and not always. Why? Here's the snippet of my ajax call.

ajax
    .post('auth/login', {
          data: {
              oauth_provider: 'google',
              oauth_token: (isToken ? authResult : authResult.access_token)
              },
          cache: false
          })
          .done(function(data) {
             console.log(data); // Resource Logged in
           })
           .error(function(err){
            console.log(err);
           })

Here's the content of my ajax.js

define(
  [
    'jquery',
    'util',
  ],
  function ($, util) {
    var ajax = {
      request: function (type, url, options) {
        if (url.indexOf('http') === -1) {
          url = util.url(url);
        }

        if (options === undefined) {
          options = {};
        }

        options.type = type
        options.url = url;

        return $.ajax(options);
      },

      get: function (url, options) {
        return ajax.request('GET', url, options);
      },

      post: function (url, options) {
        return ajax.request('POST', url, options);
      },

      put: function (url, options) {
        return ajax.request('PUT', url, options);
      },

      delete: function (url, options) {
        return ajax.request('DELETE', url, options);
      }
    };

    return ajax;
  }
)

Typically this is from the response being blocked because it is a cross-domain request. Is your page an the AJAX content on the same server? — scunliffe, Sep 28 '15 at 11:03
Possible duplicate of [Chrome dev tools fails to show response even the content returned has header Content-Type:text/html; charset=UTF-8](https://stackoverflow.com/questions/38924798/chrome-dev-tools-fails-to-show-response-even-the-content-returned-has-header-con) — dhilipsiva, Jul 03 '17 at 11:48

Param Singh · Answer 1 · 2015-09-29T08:54:34.073

5

Apparently, it turns out that there's some problem with the clearing up the cookies. On clearing up them , the system behaves fine. Not sure need help!

edited Sep 29 '15 at 08:54

answered Sep 28 '15 at 12:47

Param Singh

1,325
3
13
28

score 2 · Answer 2 · answered Jul 03 '17 at 11:50

2

This is a duplicate of: Chrome dev tools fails to show response even the content returned has header Content-Type:text/html; charset=UTF-8

For anyone coming here in the future, here is your answer: https://stackoverflow.com/a/38925237/1235072

More info: https://bugs.chromium.org/p/chromium/issues/detail?id=141129

answered Jul 03 '17 at 11:50

dhilipsiva

3,688
1
24
35

2

Thanks, Still an issue in 2019 but seems to be sporadic. – Second2None Jun 21 '19 at 00:16
This is not duplicate cause the link is related to text/html content. This question was about json response. – Moshe Yamini Oct 01 '20 at 08:02

score 1 · Answer 3 · answered Oct 11 '15 at 18:46

I confirm this. Since Chrome version 45 and I see some of my Ajax requests got 200 as a status code but a problem in showing the content "Failed to Load Content".

My Ajax requests are inside for loop, request the failed contents again makes the content to be loaded fine.

It seems to solve that inside the for loop is using setTimeout between request and the other.

score 0 · Answer 4 · answered Dec 02 '20 at 21:27

0

An "Empty Cache and Hard Reload" worked for me.

answered Dec 02 '20 at 21:27

RyanOC

587
5
16

score 0 · Answer 5 · edited Oct 17 '21 at 15:36

0

it was fixed when I change display errors to false in my php ajax page, this looks like it too.
From ini_set('display_errors', 1); to ini_set('display_errors', 0);

edited Oct 17 '21 at 15:36

Mureinik

297,002
52
306
350

answered Oct 17 '21 at 14:39

Yunus Emre Çolak

1

JoSe ToTo · Answer 6 · 2021-10-31T03:02:30.643

I am using Javascript and if I go with this approach, it will take longer time and wont get any data from the network tab:

         xhr.onreadystatechange=function(){
          if(xhr.readyState==4){...}}

Since you are working on getting the onreadystatechange and readyState, that takes time and the browser deletes the information before you get it. So by using this, you will get the text response:

         xhr.addEventListener("load", (function(){ console.log(this.responseText);}));

OR

         xhr.onload = function(){ console.log(this.responseText);};

EDIT:

In my PHP file, I am using this headers:

header("Cache-Control: no-cache, must-revalidate"); //
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); //Date in the past

score -3 · Answer 7 · answered Jan 25 '17 at 11:01

-3

Because of postback this was happening in my project. When I solved the postback issue,the error gone.

answered Jan 25 '17 at 11:01

Nupur

17
1

Ajax Response 200 ok, but shows failed to load response data

7 Answers7