データベースから内容を読み取って、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
それらに基づいて、データベースからデータを読み取り、グラフにデータを表示するために使用されるハッシュマップを変更します。(コンソールにハッシュマップの内容を印刷すると、正しいデータが得られます。)
しかし、ページのグラフのデータを更新する方法がわかりません。グラフは、ページの更新時にのみ更新されます。
totalbox
成功によって返されるデータはhtmlなので、チャートの親divであるdivでhtml(data)を使用してみました。
誰かがページのコンテンツを更新する方法を理解するのを手伝ってくれませんか。