Ajex 처리 정리

google 차트를 이용한 처리 

sAnalysis.jsp

50번 -> idx 변수 선언 vo.idx값 넣어줌

51번 라인 -> question 변수 선언  ${"#question"}.val();   -> 아이디 question   [237번 라인]

54번 query 에 question , idx 값을 담음      query 변수에는 가지 수 상관없이 담을 수 있다. 

 

var idx =${vo.idx};

var question = $("#question").val();

var query =

     { question : qustion,

       idx : idx

     };

 

58 : ajax 선언 

url : 경로

type: "get"방식으로 보내겠다.

date : query 

success : function(data){

for(var i=0; i<data.qVos.length; i++) {

    answerStr += data.qVos[i].answer + "/";

    answerCntStr += data.qVos[i].answerCnt + "/";

}

    drawChart3();     // darwChart3을 뿌림  (darwChart3-> 구글 차트)

}

});

}

 

 

sAnalysis.jsp

237번 ~242라인 foreach 문 사용 

컨트롤러 에서 넘겨준 questions 를 받아서 변수 var="question" 으로 

question 이 공백이면 선택 

 

SurveyController

Ajex 사용시 ResponseBody 적어줌

                                                                                                                   //@RequestParam 생략가능

HashMap<값,값> 받아옴 sAnalysis3Get(@RequestParam(value="question") String question , @RequestParam(value="idx") int idx, SurveyQuestionVo qVo)

 

  ArrayList(SurveyAnswerVo) qVos = surveyService.surveyAnswerCount(idx,question);

  map.put("qVos",qVos);

  return map;