Возникли проблемы при получении данных из файла json с использованием ajax

Question

У меня 2 JSON файлов. Один из них предназначен для типов продуктов, например, закусок, основного блюда, напитков и т. Д. c, а другой - для отображения подробной информации о каждом элементе питания, например названия продукта, типа продукта, описания продукта и цены.

Я хочу выбрать категорию продуктов питания из одного файла 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
        });
      });
    }
  });
});