[ajax] JSONP CROSS SITE 응답 받기
2014. 2. 12. 18:23
반응형
front-end에서 외부 도메인과 통신할 경우 javascript에서 JSONP를 이용하여 ajax통신이 가능하다.
아래 간단한 예제를 활용해 보자.
javascript
$.ajax({
type : "GET",
dataType: "jsonp",
data: {id: "tttt"},
url: "http://www.test2.com/request",
success: function(data) {
$("#result").html(JSON.stringify(data));
},
error: function() {
alert("error");
}
});
java request
@RequestMapping(value = "/request", method = RequestMethod.GET)
public String request(@RequestParam String id, @RequestPrarm String callback) {
Map<string, string> paramMap = new HashMap<string, string>();
paramMap.put("id", id);
paramMap.put("result", "success");
String result = null;
ObjectMapper mapper = new ObjectMapper();
try {
result = mapper.writeValueAsString(paramMap);
} catch (JsonGenerationException e) {
e.printStackTrace();
} catch (JsonMappingException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
System.out.println(result);
return callback + "(" + result + ")";
}
반응형
'Programming > Frontend' 카테고리의 다른 글
jquery ajax method 정리 (0) | 2014.03.12 |
---|---|
jQuery multi redio button valid check (0) | 2014.02.13 |
jQuery에서 부모창 제어/접근(opener, parent) (0) | 2014.02.11 |
jquery hover 효과 (0) | 2013.12.20 |
jQuery.noConflict() alias 사용 (0) | 2013.03.24 |