为什么 http 响应没有显示在 chrome 调试的网络选项卡中？答案

【问题标题】：Why the http response is not displayed in network tab of chrome debug?为什么 http 响应没有显示在 chrome 调试的网络选项卡中？
【发布时间】：2020-01-08 03:32:53
【问题描述】：

我使用邮递员来测试我的网络服务。在 http 响应正文中，我找到了 WS 的响应。

当我在我的 Web 应用程序中使用 ajax 测试我的调用时，我再也找不到响应了。该选项卡包含一条消息，指出“此请求没有可用的响应数据。”

这是我的 ajax 调用：

$.ajax({
        url: url,
        method: "POST",
        data: params,
        success:function(response) {
            console.log(response); // no console here!
            console.log('response');
        },
        error:function(){
            console.log("error");
        }

    });

【问题讨论】：

当您使用网络选项卡时，有时您必须重新加载页面才能使其正确。然而，这可能只是由于您对 chrome 的请求和您对邮递员的请求不同所致。如果有差异，并不总是很容易发现。
感谢您的回答。我做了，但不，这不是原因。响应的控制台也是空的（在控制台选项卡中）
您检查过邮递员的标头是否与您在 chrome 中调用 ajax 的标头相同？

标签： javascript ajax google-chrome-devtools

【解决方案1】：

尝试检查是否选择了 XHR 过滤器，之后不要忘记重新加载页面

【讨论】：

感谢您的回答！我做到了。调用已存在，但响应选项卡中的结果相同（此请求没有可用的响应数据）
'Content-Type': 'text/plain' 被接受，但 'Accept': 'application/json' 不被接受。它仍然接受：/
能否请您看看我的其他评论，我把正确的代码放在上面谢谢！
是的，我做到了，但它不起作用！（请编辑您的代码并删除 url 后面的“headers: {”）

【解决方案2】：

嗨，试试这个。

在 ajax 中，您正在传递参数，它应该包含类似 action = get_pincodes 的内容。在处理这个问题时，action = get_pincodes. 你必须写 echo json_encode($responce);exit;

EX:

if($_REQUEST['action'] != "" && $_REQUEST['action'] == 'get_pincodes'){
    $responce = array();
    $responce[] = "500113";
    $responce[] = "500114"; // etc....

    echo json_encode($responce);exit;   
}

【讨论】：

【解决方案3】：

也许在响应标头中将 charset=utf-8 添加到 Content-Type 可以解决问题： Content-Type: application/json;字符集=utf-8

$.ajax({
    url: url,
    method: "POST",
    dataType: "json",
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json;charset=utf-8'
    },
    data: params,
    success:function(response) {
        console.log(response); // no console here!
        console.log('response');
    },
    error:function(){
        console.log("error");
    }

});

【讨论】：