jquery - 使用从服务器接收到的 json 值更新多个 div 内容

Question

我有一个包含多个 div 的页面。我喜欢使用从服务器获得的 json 响应来更新这些 div 内的文本。

示例 div 如下所示

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

我的页面上有很多这样的 div，每个 div 都有一个唯一的 Product_id 作为名称。我试图每隔几秒钟更新一次这些价格。

因此，我创建了一个 Ajax 函数，该函数会按一定时间间隔调用，以检索 json 格式的新价格。

ajax 得到的 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 );
    }
}