在一个动作中重新加载两个不同的div

Question

我正在建立一个网上商店，当你把产品放入购物车时，我想更新两个不同的div。 其中一个div将更新没有任何问题。

<script>
function submitForm(id) {
$.ajax({type:'POST', url: '/_script/add_ajax.php', data:$('#add'+id).serialize(), success: function(response) {
    $('#add'+id).find('.kassaajax'+id).html(response);
}});

return false;
}
</script>
<form id="add<?php echo $prodID; ?>" onsubmit="return submitForm(<?php echo $prodID; ?>);">
<div class="kassaajax<?php echo $prodID; ?>"></div>

但我也希望重新加载#kassaajax。

<div id="kassaajax"><?php include('inc/kassa.php'); ?></div>

Answer 1

由于该div有一个ID，所以只需将响应放入其中：

function submitForm(id) {
    $.ajax({
       type:'POST', 
       url: '/_script/add_ajax.php', 
       data:$('#add'+id).serialize(), 
       success: function(response) {
           $('#add'+id).find('.kassaajax'+id).html(response);
           $('#kassaajax').html(response); // <----add this to update
       }
    });
    return false;
}