为什么我不能使用 php 从 html 文档中的 mySQL 数据库中获取数据？

Question

所以我正在编写一个 API，它在前端使用 HTML、JS 和 CSS，在后端使用 PHP，它可以访问我的 SQL 数据库。

我的任务是单击按钮后，创建一个函数，它将以 JSON 编码的信息发送到 .php 文件，我需要将该对象从 JSON 解码为 PHP，然后连接到 SQL 数据库，并将以 JSON 编码的相关信息返回给 HTML 页面，以后的功能将能够更新/删除某些数据。

此 API 使用两个主要页面，即 HTML 和 PHP 文件，以及 SQL 数据库。有人可以告诉我为什么这不起作用以及我该如何解决？为了澄清，我希望能够选择一个单选按钮选项，然后按 app_list_button，这将返回按 app_name 或其评论评级排序的所有应用程序。任何帮助将不胜感激，如果我能够更好地构建任何东西，请告诉我。

index.html

<div id='app_content'>
  <label>Refine search by</label>
  </br>
  <input type="radio" id="name_radio">
  <label>Name</label>
  </br>
  <input type="radio" id="rating_radio">
  <label>Rating</label>
  </br>
  <button id="app_list_button" onclick="load_list_function()">View App List</button>
  </br>
  <p id='app_list_p'></p>
  <input type="submit" name="app_detail_button" value="View App 
                Details">
  </br>
</div>
</div>
</body>
<script>
  var app_list_bttn = document.getElementById('app_list_button');
  var radio = {};
  //List apps
  function load_list_function() {
    var xhr = new XMLHttpRequest();

    //name radio checked
    radio.sortByName = document.getElementById('name_radio').checked;
    //rating radio checked
    radio.sortByRating =
      document.getElementById('rating_radio').checked;

    document.getElementById('app_list_p').innerHTML = this.responseText;

    xhr.open('GET', 'API.php', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify(radio));
  }
</script>

API.php

<?
$conn = mysqli_connect('localhost', '30319329', 'password', 'Application');
$errors = array();
$json_response = array();

$radio_req = file_get_contents('php://input');
$radio_result = json_decode($radio_req);

//get a list of all apps
//encode into json to send back
if ($radio_result - > sortByName == true) {
  //order by name
  $results = mysqli_query($conn, "SELECT app_name FROM App");

  while ($row = mysqli_fetch_assoc($results)) {
    // You can modify the $row here as well, or filter out certain rows
    $json_response[] = $row;
  }
  header("Content-Type: application/json");
  echo json_encode($json_response);
} else($radio_result - > sortByRating == true) {
  //order by rating
  //order by name
  $results = mysqli_query($conn, 'SELECT app_name, rating FROM App, App_Review ORDER BY rating ');

  while ($row = mysqli_fetch_assoc($results)) {
    // You can modify the $row here as well, or filter out certain rows
    $json_response[] = $row;
  }

  header("Content-Type: application/json"); echo json_encode($json_response);
}
$conn - > close();
?>

Answer 1

问题很可能是这样的：

file_get_contents('php://radio');

这不会给你任何东西，它必须是：

file_get_contents('php://input');

另外，当你这样做时：

document.getElementById('app_list_p').innerHTML = this.responseText;

您甚至在完成 ajax 请求之前就设置了 innerHTML - 在这种情况下，this 是窗口，因此this.responseText 将始终未定义。 你需要做的更像：

xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        document.getElementById('app_list_p').innerHTML =xhr.responseText;
    }
}