使用fetch（）从PHP文件获取JSON

Question

I have the following data.php file:

$command = $_REQUEST["command"];
$APIKey = "*******************";

if(!isset ($_REQUEST["command"]))
{
    echo "You didn't provide a valid API command";
}
else
{
  switch($command)
  {
    case "get_token" :
      $dataArr = array("token" => "Bearer " . $APIKey);
      echo json_encode($dataArr, JSON_PRETTY_PRINT);
      break;
    default:
      echo "Incorrect API command";
      break;
   }
}

Which mean that I have to provide a specific command in the request in order to get the data. It works fine if I use jQuery's $.getJSON() method:

$.getJSON(
  'php/data.php',
  {
    command: "get_token"
  }, (result) => {
    this.myToken = result.token;
  });

However I want to try and use the fetch() method. So I tried this:

fetch('php/data.php', {
  method: "GET",
  mode: "cors",
  cache: "no-cache",
  credentials: "same-origin",
  headers: {"Content-Type": "application/json; charset=utf-8"},
  body: JSON.stringify({command: "get_token"}),

}).then(result => {
  console.log('fetch', result);
  this.myToken = result.token;
})

In this case I'm getting this error message: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body .

I tried to use it with POST method, tried with just the body key... Nothing seems to be working.

Any ideas, please?

Answer 1

In this case I'm getting this error message: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

GET requests generally pass data for the query using the query string (and jQuery's getJSON function will encode the data there).

First: Remove the body:

 body: JSON.stringify({command: "get_token"}), 

Second: Remove the claim that the body contains JSON

 headers: {"Content-Type": "application/json; charset=utf-8"}, 

Third: Encode the data in the query string:

 var url = new URL('php/data.php', location); url.searchParams.append("command", "get_token"); var url_string = url.toString() console.log(url_string); fetch(url_string, {/* etc */})