ajax请求获取与多个产品相关的数据

Question

在打印库存范围中，我想在页面加载时显示当前库存。问题是可能有很多产品。如果我对不同的产品有不同的api调用，那将很乏味。我可以在下面的代码中做什么，以便一旦该产品的相关库存显示在打印库存范围内，我就可以file_get_contents。

如果不可能，那么在下面的代码中，我针对产品1和2两次调用file_get_contents，但是在console.log（data）中没有得到响应数据；仅当我一次调用file_get_contents时，js脚本中的数据才被console.logged。

<section>
  <div class="col-sm-2" style="border: 1px solid brown; cursor: pointer">
    Product 1<br>
    In stock <span class="print-stock"></span>
    Price 2 USd<br>
  </div>
  <div class="col-sm-2" style="border: 1px solid brown; cursor: pointer">
    Product 2<br>
    In stock <span class="print-stock"></span>
    Price 2 USd<br>
  </div>
</section>

<script>
    $.ajax({
    url:"count.php",
    dataType:'json', 
    success: function(data, status){
       console.log(data);
       console.log(status)
    }
  });
</script>

count.php

<?php 

echo 
file_get_contents('https://*******.com/p.php?%20metod=get_stock%20&service=product1&apikey=m338djl93dke');
echo 
file_get_contents('https://*******.com/p.php?%20metod=get_stock%20&service=product2&apikey=m338djl93dke');
?>

响应数据

  {"service":"product1","stock":115}
  {"service":"product2","stock":10,}