Springmvc 에서 ajax 요청 을 처리 하고 json 데 이 터 를 되 돌려 줍 니 다.
@ResponseBody // json ,
@RequestMapping("/list")
public List<User> list(User user){
System.out.println(" :"+user);
//todo ,
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18," "));
users.add(new User(2," ",40," "));
users.add(new User(3," ",46," "));
return users;
}
list.jsp 페이지 의 코드 는:
<body>
<input type="button" id="btn" value=" "/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:{"name":"james","age":18},
dataType:"json",
success:function (result) {
alert(" !")
console.log(result)
}
})
})
})
</script>
</body>
② contentType="application/json"일 경우 방법의 매개 변수 앞 에@RequestBody 주 해 를 추가 하여 전 달 된 json 문자열 을 가 져 와 대상 에 봉인 합 니 다.
@ResponseBody // json ,
@RequestMapping("/list")
public List<User> list(@RequestBody(required=false) User user){
System.out.println(" :"+user);
//todo ,
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18," "));
users.add(new User(2," ",40," "));
users.add(new User(3," ",46," "));
return users;
}
list.jsp 페이지 의 코드 는:
<body>
<input type="button" id="btn" value=" "/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
var jsonObj={"name":"james","age":18};
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:JSON.stringify(jsonObj),//json json
dataType:"json",
contentType:"application/json",// json
success:function (result) {
alert(" !")
console.log(result)
}
})
})
})
</script>
</body>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
thymeleaf로 HTML 페이지를 동적으로 만듭니다 (spring + gradle)지난번에는 에서 화면에 HTML을 표시했습니다. 이번에는 화면을 동적으로 움직여보고 싶기 때문에 입력한 문자를 화면에 표시시키고 싶습니다. 초보자의 비망록이므로 이상한 점 등 있으면 지적 받을 수 있으면 기쁩니다! ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.