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;   } ) 

Answer 1

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!