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 는 기본 값 으로 비동기 요청 이기 때문에 뛰 려 면 프론트 에서 페이지 를 뛰 어 넘 어도 됩 니 다.
이 구 덩이 는 기록 되 어 있 습 니 다.나중에 당신들 에 게 건 의 를 해 드 리 겠 습 니 다!!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기