php - 使用 ajax 从 json 文件中获取数据时遇到问题

Question

我有 2 个 JSON 文件。一个是针对食物类型的，例如开胃菜、主菜、饮料等，另一个是显示每个食物项目的详细信息，如食物名称、食物类型、食物描述和价格。

我想从一个 JSON 文件中选择一个食物类别，并根据第一个 JSON 文件进行 AJAX 调用以加载另一个 JSON 文件，以便显示该类别所需的食物。但是，我没有得到信息。

<?php
  $url = 'http://localhost/trial2/buildFoodCategoriesJSON.php';
  $json = file_get_contents($url);
  $obj = json_decode($json, false);
?>

<p>Select a food category to view corresponding details
  <select id="foodCat">
    <option value=''></option>
    <?php foreach($obj as $foodCategory) {
      echo "<option value='" . $foodCategory->Food_Type . "'>". $foodCategory->Food_Type . "</option>";
    } ?>
  </select>
</p>

$(document).ready(function() {
  $('select#foodCat').change(function() {
    var fCategory = $(this).val();

    if (fCategory != '') { //if user did not choose blank
      var url = "http://localhost/trial2/getFoodItemsJSON.php?Food_Type=";
      url = url + fCategory;

      $.getJSON(url, function(data) {
        alert(JSON.stringify(data)); //no output
        $.each(data, function(i, obj) {
          foodName = obj['Food_Name'];
          foodDesc = obj['Food_Description'];
          foodPrice = obj['Food_Price(Rs)'];
          alert(foodName); //no output
        });
      });
    }
  });
});

标签： phpjqueryjsonajaxweb