springboot 페이지 를 넘 을 수 없 는 문제 해결 방안
로그 인 페이지
<form action="index" id="frm">
<input type="text" name="dname">
<input type="text" name="loc">
<input type="button" value=" " id="but" ></form>
<script src="js/jquery-1.12.2.js"></script>
<script>
$(function () {
$("#but").click(function(){
var data = $("#frm").serialize();
$.get("index",data);
})
})
</script>
제출 을 클릭 하면 ajax 에서 폼 에 있 는 데 이 터 를 보 냅 니 다.요청 주 소 는 index 입 니 다.데이터베이스 에 이 사람 이 있 는 지 확인 합 니 다.(백 엔 드 는 my batis 로 데이터 베 이 스 를 조회 합 니 다)되 돌아 온 결과 에 따라 해당 페이지 로 이동 합 니 다.제 가 contrller 에 쓴 index 요청 자바 코드 는:
//
@GetMapping("index")
public String addDept(Dept dept) {
log.info("dept===" + dept);
List<Dept> depts = deptService.selectDept(dept);
if (depts != null) {
return "index";
} else {
return "error";
}
}
의외 의 일이 발생 했 습 니 다.조회 결과 가 나 왔 고 if 판단 에 들 어 갔 지만 페이지 를 넘 기지 않 았 습 니 다.이 문 제 는 오랫동안 곤 혹 스 러 웠 습 니 다.문제 가 어디 에 있 는 지 생각 하지 못 했 습 니 다.바 이 두 가 준 결 과 는 다음 과 같 습 니 다.주 해 는@RestController 가 아 닌@Controller 를 사용 합 니 다.@RestController 를 사용 하면"index"문자열 을 되 돌려 주기 때 문 입 니 다.
먼저 pom 파일 에 템 플 릿 엔진 jar 패 키 지 를 도입 합 니 다.즉,:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
응용 프로그램.properties 에 템 플 릿 엔진 설정spring.thymeleaf.prefix=classpath:/templates/
@response Body 주 해 를 추가 하지 않 습 니 다.추가 하면 문자열 형식 을 되 돌려 주기 때 문 입 니 다.이상 의 이 구덩이 들 을 저 는 모두 시 도 했 지만 실패 하지 않 았 습 니 다.그러나 저 는 브 라 우 저 에 index 요청 을 직접 입력 하면 index.html 페이지 로 넘 어 갑 니 다.저 는 궁금 합 니 다.제 문제 가 어디 에 있 는 지 모 르 겠 습 니 다.
나의 index.html 페이지 는 다음 과 같 습 니 다.ajax 요청 으로 데이터 베 이 스 를 호출 하여 모든 사람의 요청 을 조회 합 니 다.코드 는 다음 과 같 습 니 다.
index
<script src="../js/jquery-1.12.2.js"></script>
<script>
selectDept()
function selectDept() {
$.get("getDept",callSelectDept,"JSON")
function callSelectDept(data) {
var str=""
for (var i =0;i<data.length;i++){
str+=data[i].deptno+"---"+data[i].dname+"---"+data[i].loc+
"<a href=deleteDept?deptno='"+data[i].deptno+"'> </a>"+
"<a href=updateDept?deptno='"+data[i].deptno+"'> </a>"
+"<br/>"
}
$("#queryDept").append(str)
}
}
브 라 우 저 를 통 해 index.html 에 접근 하면 데이터 가 표 시 됩 니 다.여 기 는 문제 가 없습니다.나중에 시간 이 지나 서 야 ajax 요청 호출 방법 이 아 닌 지 생각 났 습 니 다.자바 백 엔 드 에서 페이지 전환 요청 을 보 낸 후 페이지 를 넘 을 수 없습니다.ajax 기본 값 은 비동기 요청 이 니까 요.코드 는 다음 과 같 습 니 다.
$.ajax({
asyn:false,
url:"index",
type:"get",
data:data
})
나중에 ajax 요청 을 동기 화 하 는 데 실 패 했 습 니 다.마지막 으로 폼 을 제출 하 는 방식 을 summit 로 바 꾸 었 습 니 다.성공!!
<form action="index" id="frm">
<input type="text" name="dname">
<input type="text" name="loc">
<input type="submit" value=" " ></form>
요약:ajax 요청 은 데 이 터 를 보 내 거나 백 엔 드 에서 데 이 터 를 가 져 오 는 데 만 사용 하 는 것 이 좋 습 니 다.페이지 를 뛰 어 넘 는 것 을 하지 않 는 것 이 좋 습 니 다.만약 에 페이지 를 뛰 어 넘 으 려 면 백 엔 드 에서 놓 은 데 이 터 를 1 또는 0 으로 약속 할 수 있 습 니 다.되 돌아 오 는 데이터 가 1 일 때 윈도 우즈.location.href="index.html"rel="external nofollow"rel="external nofollow"rel"구체 적 인 코드 는 다음 과 같다.
function callback(dat){
if (dat=1){
window.location.href="index.html" rel="external nofollow" rel="external nofollow"
}else {
alert("1")
}
그렇지 않 으 면 submit 으로 제출 합 니 다.기억 하 세 요.ajax 는 그 방법 으로 요청 을 보 낸 후에 백 엔 드 는 페이지 를 뛰 어 넘 을 수 없고 오류 가 발생 하지 않 습 니 다.ajax 는 기본 값 으로 비동기 요청 이기 때문에 뛰 려 면 프론트 에서 페이지 를 뛰 어 넘 어도 됩 니 다.이 구 덩이 는 기록 되 어 있 습 니 다.나중에 당신들 에 게 건 의 를 해 드 리 겠 습 니 다!!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
thymeleaf로 HTML 페이지를 동적으로 만듭니다 (spring + gradle)지난번에는 에서 화면에 HTML을 표시했습니다. 이번에는 화면을 동적으로 움직여보고 싶기 때문에 입력한 문자를 화면에 표시시키고 싶습니다. 초보자의 비망록이므로 이상한 점 등 있으면 지적 받을 수 있으면 기쁩니다! ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.