使用從服務器接收的json值更新多個div內容

Question

我有一個包含多個div的頁面。我喜歡使用從服務器獲得的json響應來更新這些div內的文本。

樣品DIV看起來像這樣

<div class="mprice" name="<?php echo $product['product_id']; ?>"> 
    <?php echo $product['price']; ?> 
</div> 

我有很多這些div的我的網頁上他們每個人有獨特的product_id作爲他們的名字。我試圖每隔幾秒更新一次這些價格。

因此，我創建了一個Ajax函數，該函數在間隔內調用以檢索json格式的新價格。

JSON響應阿賈克斯越來越看起來像這樣：

{"products":[ 
    {"product_id":"43","price":"C$ 200.54"}, 
    {"product_id":"44","price":"C$ 928.08"}, 
    {"product_id":"46","price":"C$ 498.44"} 

]} 

現在我試圖找到一種方法來更新所有的div元素的價格，他們的名字等於PRODUCT_ID與它們對應的價格來自json。我正在使用jQuery。我已經在這上好幾個小時了。

Answer 1

讓你的成功處理程序做這樣的事情：

success: function(response) { 
    if(response && response.products) { 
     $.each(response.products, 
      function(index, value) { 
      $('div[name="'+value.product_id+'"]').html(value.price); 
      } 
     ); 
    } 
    else { 
     console.log("something went wrong :(", response); 
    } 
} 

Answer 2

見jQuery的每個： http://api.jquery.com/jQuery.each/