###前提・実現したいこと
jqueryライブラリのccchartをjsonデータで受け取り、チャートを出力する
###発生している問題・エラーメッセージ
ajax通信でservletから返ってきたデータconsole.logで拾うと文字化けしている
{"config": {"title": "pie Chart","subTitle": "?(????)????","type": "pie","useVal": "yes","pieDataIndex": 1,"colNameFont": "100 18px 'Arial'","pieRingWidth": 80,"pieHoleRadius": 40,"textColor": "#888","bg": "#fff"},"data": [["??",2016], ["????",0], ["????",6], ["????????",4], ["????????",0], ["??????",0], ["??",3]]};
###jQuery
javascript
1 $("#marketing-analisis").on("click",function(){ 2 $.ajax({ 3 type: "POST", 4 url : "http://localhost:8080/PosSystem/SaleAnalysis", 5 dataType: 'jsonp', 6 //timeout:10000, 7 success : function(data) { 8 console.log(data); 9 ccchart.init('chart_pie', data); 10 }, 11 error : function(XMLHttpRequest, textStatus, errorThrown) { 12 alert("リクエスト時になんらかのエラーが発生しました:" + textStatus +":\n" + errorThrown); 13 } 14 }); 15 });
###Servlet
java
1package analysis; 2 3import java.io.IOException; 4import java.io.PrintWriter; 5import java.sql.Connection; 6import java.sql.Statement; 7import java.util.ArrayList; 8 9import javax.servlet.ServletException; 10import javax.servlet.annotation.WebServlet; 11import javax.servlet.http.HttpServlet; 12import javax.servlet.http.HttpServletRequest; 13import javax.servlet.http.HttpServletResponse; 14import javax.servlet.http.HttpSession; 15 16import com.google.gson.Gson; 17 18 19/** 20 * Servlet implementation class SaleAnalysis 21 */ 22@WebServlet(asyncSupported = true, urlPatterns = { "/SaleAnalysis" }) 23public class SaleAnalysis extends HttpServlet { 24 private static final long serialVersionUID = 1L; 25 protected Statement stmt = null; 26 protected Connection con = null; 27 28 /** 29 * @see HttpServlet#HttpServlet() 30 */ 31 public SaleAnalysis() { 32 super(); 33 } 34 35 /** 36 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 37 */ 38 @SuppressWarnings("unchecked") 39 protected void doPost(HttpServletRequest request, 40 HttpServletResponse response) throws ServletException, IOException { 41 int redWine = 0; 42 int whiteWine = 0; 43 int sparklingWhite = 0; 44 int sparklingRed = 0; 45 int rose = 0; 46 int other = 0; 47 Long liquor_id =(long) 0; 48 HttpSession session = request.getSession(true); 49 50 51 ArrayList<ArrayList<Long>> saleTbl = 52 new ArrayList<ArrayList<Long>>(); 53 saleTbl = (ArrayList<ArrayList<Long>>) session.getAttribute("saletbl");//取れてる 54 55 for(int i= 0;i<saleTbl.size();i++){ 56 liquor_id = saleTbl.get(i).get(2); 57 58 if(liquor_id == 1){ 59 redWine = (int) (redWine+saleTbl.get(i).get(2)); 60 }else if(liquor_id == 2){ 61 whiteWine=(int) (whiteWine+saleTbl.get(i).get(2)); 62 }else if(liquor_id == 3){ 63 rose = (int) (rose+saleTbl.get(i).get(2)); 64 }else if(liquor_id == 4){ 65 sparklingWhite = (int) (sparklingWhite+saleTbl.get(i).get(2)); 66 }else if(liquor_id == 5){ 67 sparklingRed = (int) (sparklingRed+saleTbl.get(i).get(2)); 68 }else if(liquor_id == 6){ 69 other = (int) (other+saleTbl.get(i).get(2)); 70 }else{ 71 72 } 73 } 74 String graphValues ="{" 75 +"\"config\": {" 76 +"\"title\": \"pie Chart\"," 77 +"\"subTitle\": \"円(ドーナツ)チャート\"," 78 +"\"type\": \"pie\"," 79 +"\"useVal\": \"yes\"," 80 +"\"pieDataIndex\": 1," 81 +"\"colNameFont\": \"100 18px 'Arial'\"," 82 +"\"pieRingWidth\": 80," 83 +"\"pieHoleRadius\": 40," 84 +"\"textColor\": \"#888\"," 85 +"\"bg\": \"#fff\"" 86 +"}," 87 88 +"\"data\": [" 89 +"[\"年度\",2016]," 90 +" [\"赤ワイン\","+redWine+"]," 91 +" [\"白ワイン\","+whiteWine+"]," 92 +" [\"スパークリング白\","+ sparklingWhite+"]," 93 +" [\"スパークリング赤\","+sparklingRed+"]," 94 +" [\"その他ワイン\","+other+"]," 95 +" [\"ロゼ\","+rose+"]" 96 +"]" 97 +"};"; 98 99 PrintWriter out = response.getWriter(); 100 Gson gson = new Gson(); 101 102 String callback = request.getParameter("callback");//jsonp17....みたいな数字が入ってる 103 response.setHeader("Access-Control-Allow-Origin", "*");//これもないとダメかも 104 105 //String responseJson = "{\"data\":[" +graphValues+"]};"; 106 //このcallbackを付けないと、JavaScript側でデータを受け取れない 107 out.println( callback + "(" + gson.toJson(graphValues) + ")"); 108 } 109} 110
###レスポンスヘッダ部分
Access-Control-Allow-Orig... * Content-Length 426 Content-Type text/javascript; charaset=utf-8;charset=ISO-8859-1 Date Mon, 21 Nov 2016 15:07:08 GMT Server Apache-Coyote/1.1
###試したこと
Tomcatのserver.xmlのencoding部分を記述
特に変化なし
###補足情報(言語/FW/ツール等のバージョンなど)
Eclipse 4.5
Tomcat8
windows10
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。