ajax를 이용하여 JSON 데이터 받기 (jsonView)

2017. 7. 15. 18:18
반응형

*ajax를 이용하여 JSON 데이터 받기 (jsonView)




▽ xml 설정 (JSONView 설정)


1
2
3
4
5
6
<bean id="beanNameResolver" class="org.springframework.web.servlet.view.BeanNameViewResolver" p:order="0" /
 
<!-- jsonView --> 
<bean id="jsonView" class="net.sf.json.spring.web.servlet.view.JsonView"
<property name="contentType" value="application/json;charset=UTF-8" /
</bean



▽ 컨트롤러 데이터 전달

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
model.addAttribute("키이름", data);
  return "jsonView";

// 또는

ModelAndView mav = new ModelAndView(); 
mav.setViewName("jsonView"); 
mav.addObject("key""value");
 
 
{"key":"value"} 형태로 리턴






▽ JS 단


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var params= {data:"data"};  
 
$.ajax({ 
url: "URL" //url
type: "post"// 타입
dataType:"json"//받아올 형태 지정 
data : params, // 파라미터 데이터
//data : $("#form1").serialize(), //파라미터형태로 전송할 경우
success: function(data){       //성공시 data라는 변수에 리턴값이 매칭됨 오브젝트형으로 리턴시 개별 파싱해야됨 
   
   alert("성공!"); 
},complete: function(data){
   //실패 했었도 완료가 되었을때..
},error: function (request, status, error) {
   alert("에러"); 
});
 
 

cs


반응형

BELATED ARTICLES

more