创建一个包含两个ajax调用的列表

时间:2017-06-07 16:28:31

标签: jquery ajax

我正在尝试使用两个API为我的广告资源中的每个项目创建一个动态生成的列表。我正在努力解决的部分是如何从不同的调用中获取值,并使用pk和fk将它们合并到同一个列表中。

我想要创建的列表。

<ul>
 <li>id</li>
 <li>description</li>
 <li>quantity</li>
</ul>

此外,该物品不必列出数量。

 function getItems(){
$.ajax({
    method: 'GET',
  url: 'item/item',
    success: function(response){
    var items = response.detail;
    html = '';
   for (var i=0;i < items.length; i++){
        html += '<ul>'
        html += '<li>' + items[i].id + '</li>'
        html += '<li>' + items[i].description + '</li>'
        html += '</ul>'
   }
 }
})
}
//The Inventory has a FK item_id to the ID in item.

    function getInventory(){
    $.ajax({
    method: 'GET',
    url: 'item/inventory',
    success: function(response){
        var inventory = response.detail;
      html = '';
      for (var j=0; j < inventory.length; j++){
           html += '<li>' + inventory[j].quantity + '</li>'
      }
    }
  })
}

1 个答案:

答案 0 :(得分:0)

你可以在另一个人的成功中召唤一个ajax。

jQuery(document).ready(function ($) {

function getItems(){
    $.ajax({
       method: 'GET',
       url: 'item.php',
       success: function(response1)
       {
       var items = JSON.parse(response1);

       $.ajax({
     method: 'GET',
     url: 'inv.php',
     success: function(response2){
        var inventory = JSON.parse(response2);
        html = '';

           for (var i=0;i < items.length; i++)
           {
             html += '<ul>';
             html += '<li>' + items[i].id + '</li>';
             html += '<li>' + items[i].description + '</li>';
             html += '<li>' + inventory[i].quantity + '</li>';
             html += '</ul>';
           }

           $('body').append(html);
       }
        });
       }
     });
}

getItems();
});