ajax로 json 데이터를 jsp에서 controller로 전송하고 싶은데 에러가 납니다.
- 작성자 :
- 서*솔
- 작성일 :
- 2022-06-28 14:13:22
- 조회수 :
- 2,640
- 구분 :
- 개발환경 / 3.10
- 진행상태 :
- 완료
Q
안녕하세요. 현재 간단하게 ajax로 json 데이터를 jsp에서 controller로 전송하는 테스트를 해보고 있는데요.
에러가 뜹니다. Failed to load resource: the server responded with a status of 404 () 이런 에러가 뜹니다.
404 에러가 뭔지는 알고 있는데 왜 이런지 모르겠네여.
- User.java -
public class User {
private String id;
public User(){
}
public User(String id) {
super();
this.id = id;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
}
- java -
@Controller
public class LottoController {
@RequestMapping("/test.do")
public String testPage() throws Exception {
return "refactory";
}
@RequestMapping(value="/post", method=RequestMethod.POST)
public void testPost(@RequestBody User user) throws Exception {
System.out.println(user.getId());
}
}
- refactory.jsp -
(생략)
<body>
<form>
ID : <input type="text" id="userId"><br>
<input type="button" id="submit" value="전송">
</form>
</body>
<script>
$("#submit").click(function(){
let id = $("#userId").val();
let json = {"id":id};
$.ajax({
url : "/post",
type : 'POST',
data: JSON.stringify(json),
contentType: "application/json",
success : function(data) {
alert("ajax 성공");
//let list = data.name;
//console.log(list);
},
error : function(){
alert("ajax 실패");
}
});
});
</script>
에러가 뜹니다. Failed to load resource: the server responded with a status of 404 () 이런 에러가 뜹니다.
404 에러가 뭔지는 알고 있는데 왜 이런지 모르겠네여.
- User.java -
public class User {
private String id;
public User(){
}
public User(String id) {
super();
this.id = id;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
}
- java -
@Controller
public class LottoController {
@RequestMapping("/test.do")
public String testPage() throws Exception {
return "refactory";
}
@RequestMapping(value="/post", method=RequestMethod.POST)
public void testPost(@RequestBody User user) throws Exception {
System.out.println(user.getId());
}
}
- refactory.jsp -
(생략)
<body>
<form>
ID : <input type="text" id="userId"><br>
<input type="button" id="submit" value="전송">
</form>
</body>
<script>
$("#submit").click(function(){
let id = $("#userId").val();
let json = {"id":id};
$.ajax({
url : "/post",
type : 'POST',
data: JSON.stringify(json),
contentType: "application/json",
success : function(data) {
alert("ajax 성공");
//let list = data.name;
//console.log(list);
},
error : function(){
alert("ajax 실패");
}
});
});
</script>
환경정보
-
- OS 정보 : window 10
- 표준프레임워크 버전 : 3.10
- JDK(JRE) 정보 : 1.8
- WAS 정보 : Tomcat 8.5 v
- DB 정보 : MariaDB
- 기타 환경 정보 :
A
안녕하세요.
표준프레임워크센터입니다.
404 에러는 리소스나 경로 문제일 가능성이 있습니다.
경로 설정을 다시 한번 확인해보시길 바랍니다.
포탈사이트에서 배포되는 DeviceAPI Web프로젝트가 Ajax를 지원하고 있습니다.
다음에서 다운로드 하여 참고하실수 있습니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=93
실행환경 예제에서 RestController 예제도 확인가능합니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=37
감사합니다.
표준프레임워크센터입니다.
404 에러는 리소스나 경로 문제일 가능성이 있습니다.
경로 설정을 다시 한번 확인해보시길 바랍니다.
포탈사이트에서 배포되는 DeviceAPI Web프로젝트가 Ajax를 지원하고 있습니다.
다음에서 다운로드 하여 참고하실수 있습니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=93
실행환경 예제에서 RestController 예제도 확인가능합니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=37
감사합니다.