时间戳

首页 > 解决方案 > Fetch API POST 请求响应返回空文本

javascript - Fetch API POST 请求响应返回空文本

问题描述

我正在尝试获取我通过 fetch() 发送的发布请求的响应，但结果返回一个空文本。

JS：

async getTotalCompletionTimes()
{
    var res = await fetch("repository/maps.php?method=getcompletiontimes&map="+this.getName(), {method: 'POST'});
    const result = await res.text();
    return result;
}

PHP

<?php
require_once("user.php");
if($_SERVER["REQUEST_METHOD"] == "POST")
{
<some code>
else if(isset($_POST["method"]) && $_POST["method"] == "getcompletiontimes" && isset($_POST["map"]))
{
    $times = 0;
    $users = glob('../users/*', GLOB_ONLYDIR);
    foreach($users as $u)
    {
        if(!file_exists($u."/maps.json")) continue;
        $json = json_decode(file_get_contents($u."/maps.json"), true);
        foreach($json as $map => $v)
        {
            if($map == $_POST["map"])
            {
                $times += $v;
            }
        }
    }
    echo $times;
}
<some other code>
?>

我在 cmd 中使用 curl 测试了 php 响应： curl -X POST localhost/game/repository/maps.php -d "method=getcompletiontimes&map=map_1" 并返回“2”作为响应。

标签： javascriptphpfetch-api

解决方案

对服务器的 curl 请求是一个内容类型的HTTP POST请求，application/x-www-form-urlencoded数据的传输类似于浏览器提交 HTML 表单的方式。此请求数据包含'method'和'map'参数。

但是，在fetch实现中'method'，'map'参数作为 URL 查询参数发送。这样它们在全局数组中不可用，$_POST而是在全局数组中可用$_GET。

您可以通过设置初始化数据的body 选项以包含包含两个参数的表单数据，以'method'与'map'一种类似的方式将参数发送到服务器。curlfetch

async getTotalCompletionTimes()
{
    const fd = new FormData();
    fd.append("method", "getcompletiontimes");
    fd.append("map", this.getName());
    const res = await fetch(
      "repository/maps.php",
      {
        method: "POST",
        body: fd
      });
    const result = await res.text();
    return result;
}

推荐阅读