我有一个包含多个 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。我已经研究这个问题好几个小时了。
最佳答案
让您的成功处理程序执行以下操作:
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 );
}
}
关于jquery - 使用从服务器接收到的 json 值更新多个 div 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8283278/