使用jquery ajax调用struts操作更新页面内容

Question

我通过从数据库中读取内容在jsp页面上显示图表。我想根据使用ajax从页面上的复选框列表中选择的项目来更改图表数据。

脚本如下

$('[name="overlay"]').click(function() {
        var checkeditems = new Array();
        var boxes = $('input[name=overlay]:checked');
        $(boxes).each(function(){
            checkeditems.push($(this).val());
        });

        $.ajax({
            cache: false,
            url: "getOperation.action",
            type: "POST",
            dataType: "html",
            data: "checkeditems=" + checkeditems,
            error: function(XMLHttpRequest, textStatus, errorThrown){
                alert('Error ' + textStatus);
                alert(errorThrown);
                alert(XMLHttpRequest.responseText);
            },
            success: function(data){ 
                ('#totalbox').html(data);
               }
        });


      });

在此处单击复选框列表中的任何复选框（name=overlay），我将所选项目列表传递给struts操作。

我能够在我的动作类中访问checkeditems并基于它们，我从数据库中读取数据并更改用于在图表上显示数据的哈希映射。 （在控制台上打印hashmap的内容会提供正确的数据。）

但我很困惑如何更新页面上图表中的数据。图表仅在页面刷新时更新。

由于成功返回的数据是html，我尝试使用totalbox div上的html（数据），它是图表的父div。

有人可以帮我弄清楚如何更新页面内容。