1

我通过从数据库中读取内容在 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，我尝试在totalboxdiv上使用html(data)，它是图表的父div。

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

4

0 回答 0