我怎麼遍歷一個Ajax響應，並在HTML

顯示出來我是一個PHP開發人員，我正在尋找類似foreach循環的Ajax響應我怎麼遍歷一個Ajax響應，並在HTML

我在HTML和我的卡片設計想Ajax請求的響應使在Ajax響應

每個對象的新卡這是我的代碼至今

AJAX：

$.ajax({ 
     type:"GET", 
     url:"http//url_to_api.com/projects/v1" , 
     dataType: "json", 
     success:function(mdata){ 
      var result = '';   
       $.each(mdata, function (index, element) {    
       result += + element.project_name ; 
       console.log(element.project_name); // alert the values 
       });   
       $('.cho-card-title').html(result); 


     } 
    });

HTML，我想我的Ajax響應來填充每個對象在響應數據

<div class="card-row">   
    <div class="card"> 
     <div class="card-img"> 
      //image.of.ajax.responce 
      <img src=""> 
     </div> 
     <div class="card-title"> 
      // title.of.ajax.responce 
     </div> 
     <div class="card-description"> 
     // title.of.ajax.description 
     </div>    
     <div class="select-card"> 
      Select 
     </div>   
    </div> 
</div>

當前代碼循環的響應和一個卡顯示一切我如何才能在自己的卡每響應。

來源

2016-09-27 Tsea

這不是一個代碼編寫的服務。您編寫代碼，我們（可能）嘗試幫助解決它。即使這是一個代碼編寫服務，你認爲我們可以做什麼？我們不能僞造僞碼。你沒有提供關於這個Ajax響應內容的細節，它的結構和格式是什麼，所以我們所能做的就是提供完全相同的「Stuff goes here」評論，而且你比以前更好。 –

你在說什麼我展示了我的代碼。 – Tsea

你是否讀過我的整個問題，因爲我認爲你沒有。此代碼工作正常我的問題是如何將響應循環到它自己的卡中的每個對象在Ajax響應數組中。我可以顯示我的響應數組對象，但我認爲這是有點標準。 – Tsea

您可以在.each語句中創建並追加元素。

這是未經測試，但這樣的事情可能工作：

$.each(mdata, function (index, element) {   
    var div = $('<div />') // Create the div 
      .addClass('cho-card-title') // Add the class name 
      .html(element.project_name); // Insert the html 
    // Append the new div to whatever your container is 
    $('.container').append(div); 
});

來源

2016-09-27 15:27:15 Brandon

這將項目名稱放在正確的元素中，但它仍然在同一張牌 – Tsea

@Tsea中顯示所有響應名稱，因此請對其進行修改以適合您的需求。 –

那麼這就是我的問題@KevinB我已經有它在一張卡片上顯示響應，但我無法找到它像一個foreach循環會分開卡片會做 – Tsea

我怎麼遍歷一個Ajax響應，並在HTML

回答

相關問題