在Chrome开发人员工具中查看AJAX响应内容?
传统上我使用FireBug来debugging我的AJAX请求。 它允许您检查请求的内容以及从服务器发回的响应。 (它也会在控制台中通知你这些事情发生的时间,这是Chrome似乎缺乏的一个有用的function)。
在Chrome中,我似乎只能查看请求,而不是响应。 当我尝试检查响应时,UI只显示“No Content Available”(开发工具>资源> myRequest.php>内容)。 我是否需要开启某些function才能使Chrome开发人员工具记住这些请求?
编辑:万一它很重要,这些请求正在一个Flash对象内进行。
如果请求是由插件生成的,则Ajax响应的内容不可见。 这个问题很快就会被解决。
如果您位于Google Chrome的开发者频道,请执行以下操作:
http://www.chromium.org/getting-involved/dev-channel
…您应该能够在Developer Tools控制台中右键单击,然后单击“启用XMLHttpRequest日志logging”。
一旦启用,您将在控制台中看到XHR请求,并能够点击它们将您带到资源面板,在那里您将能够看到XHR的内容。
您可能会看到只有Google Chrome检查员将CORS请求的OPTIONS
请求视为XHR请求。 因此,如果您通过XHR请求进行筛选,则您可能只会看到最初的OPTIONS预检请求,其响应没有内容,因为Chrome似乎拒绝显示响应而感到困惑。 禁用filter,然后转到下一个请求那个相同的URL,这很可能是对应于该CORS预检请求的“真实”请求。
我遇到了同样的问题:来自Flash + JSON响应的POST请求+在Chrome检查器中显示没有响应。 虽然FF + FireBug没有问题。
在响应头文件中添加charset = utf-8到Content-Type解决了我的问题:
Content-Type:application / json; 字符集= utf-8的
我不知道这是否是这个问题的正确解决scheme,但至less我现在能够在Chrome Inspector中看到JSON响应。
打开资源跟踪,然后检查资源选项卡。 如果您选中“始终使用资源跟踪”,则资源跟踪似乎效果会更好。
我有空的回应,因为脚本正在发送空数据
die();
在失败callback中,第一个参数有一个名为responseText的属性。
原因不仅在于Chrome,而且JS代码也可以停止预览。 例如, Vue.js
名为vue-resorcese
插件,它有这个问题: Chrome,OPTIONS请求后没有响应数据? 我在这个问题上住了几个月,直到今天发现这个问题。 目前的问题从来没有给出答案,所以我现在在这里分享。
细节:这个插件有创buildXHR对象的下一个代码:
if ('responseType' in xhr && SUPPORTS_BLOB) { xhr.responseType = 'blob'; }
此代码是可以的,预览工作,但直到一些铬更新。 今天当我评论这个,预览再次出现! 所以首先尝试检查一下你的XHR包装器,可能是这样的。
这是罕见的问题,因为它只是用CORS预检复制的。 右键点击OPTIONS XHR
和REPLAY
也显示预览。
你有它