我的网页上有一个左块-假设它显示了一个购物篮。当用户点击任何产品页面上的"添加到购物篮"按钮时,我想重新加载我的左侧块(购物篮),这样客户添加的新产品就可以在页面左侧看到,而无需重新加载页面。
当客户点击"添加到购物篮"按钮时,它已经将产品放入购物篮中,这不是问题,但我无法刷新左侧的块。代码如下:
<script type="text/javascript">
function js_add_to_basket(){
/* vars from form */
var book_id = jQuery.trim($('#book_id').attr('value'));
$.ajax({
type:'POST',
url : '<?=base_url().index_page()?>/basket/add_to_basket/'+new Date().getTime(),
data : $('#add_to_basket').serialize(),
success: function(q){
$('#add_to_basket').html(q);
$("#left_basket").load("*path*inc_left.php #left_basket");
}
}) // end of ajax request
} // end of js_basket
</script>
left_basket是左块的整个div的id。我认为inc_left.php文件的路径出错了。不管我在那里写了什么,都没用。该文件位于"views/inc/inc_left.php"的路径中。
知道吗?
您需要一个控制器方法来渲染左面板的内容,然后js可以使用url(如<?=base_url().index_page()?>/basket/content
)访问它
只是猜测,但您在视图视图/inc/inc_left.php中有#left_basket吗?
当您正在将视图的唯一#left_basket conent/inc/inc_left.php加载到#left_basket 中时
如果您想从views/inc/inc_left.php加载完整的HTML,请使用以下代码:
$('#left_basket').load('views/inc/inc_left.php');
您必须输入两个jquery ajax函数。第一个是当用户点击"添加到购物篮"按钮时,这将更新购物表。第二个ajax函数用于从购物表中获取数据,并在左侧显示您想要的位置:)