WeChat이 이전 페이지로 돌아가고 해당 페이지의 AJAX 요청이 Get 요청에 유효하지 않은 문제를 해결합니다.-JS 튜토리얼-php.cn

WeChat이 이전 페이지로 돌아가고 해당 페이지의 AJAX 요청이 Get 요청에 유효하지 않은 문제를 해결합니다.

亚连

풀어 주다： 2018-05-23 10:07:04

원래의

1708명이 탐색했습니다.

이 기사에서는 WeChat에서 이전 페이지로 돌아가는 방법, 페이지의 AJAX 요청, 잘못된 Get 요청 문제의 분석 및 해결 방법을 소개합니다. 필요한 친구는 이를 참고할 수 있습니다

하겠습니다. 먼저 문제의 원인을 분석해 보세요

최근 WeChat 프로젝트를 진행하면서 사용자가 "내 개인 센터"에 들어가면 다음과 같은 요구 사항이 발생합니다. 클릭하면 인증 정보를 입력할 수 있는 버튼으로 이동합니다. Click 이 버튼을 클릭하면 인증 정보 입력 페이지로 이동하여 정보를 입력하고 성공적으로 제출하게 됩니다. 사용자가 이전 페이지로 바로 돌아갈 때. 인증 상태를 "인증 중"으로 변경해야 합니다. 이때 인증 상태를 쿼리하고 페이지에 표시되는 상태를 수정하려면 AJAX 메서드를 사용해야 합니다.

당시 ajax 메소드는 표준 메소드에 따라 작성되지 않았습니다. 기본 메소드는 Get 요청이었습니다. 프런트엔드 JS 코드는 다음과 같습니다.

window.onload = function(){
  var isProfesser=$(&#39;#isProfesser&#39;).val();
  var isreview=$(&#39;#isreview&#39;).val();
  var userid=$(&#39;#myId&#39;).val();
  if(isProfesser==&#39;0&#39; && isreview==&#39;0&#39;){
   $.ajax({
     url:"/isAuthenticing",
     data: {userid:userid},
     success: function (data, textStatus, jqXHR) {
      if(data.result==&#39;1&#39;){
        $(&#39;#approveadd a&#39;).html("+认证中")
      }
     },
     error: function () {
     }
   });
  }
  //getMyQusetionInfo();
}

로그인 후 복사

백그라운드 컨트롤러도 기본적으로 GET을 받았습니다.

@RequestMapping(value = "/isAuthenticing", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> isAuthenticing(@RequestParam("userid") String userid,HttpServletRequest request) throws IOException {
//方法体;
}

로그인 후 복사

Solution

이전 페이지로 돌아갈 때마다 페이지의 ajax 메소드는 평소대로 실행되지만 백그라운드는 Get 메소드를 사용하는 것이 불가능하다는 것이 입증되었습니다. 컨트롤러가 요청되지 않습니다. 요청에 의해 반환된 값은 페이지의 값이기도 합니다. 현재로서는 구체적인 이유가 명확하지 않습니다.

나중에는 한번 해보자는 마음으로 POST 요청을 사용했는데 놀랍게도 POST 요청을 사용하니 모든 과정이 순조롭게 진행되었습니다.

프런트엔드 JS 코드는 다음과 같습니다.

window.onload = function(){
  var isProfesser=$(&#39;#isProfesser&#39;).val();
  var isreview=$(&#39;#isreview&#39;).val();
  var userid=$(&#39;#myId&#39;).val();
  if(isProfesser==&#39;0&#39; && isreview==&#39;0&#39;){
   $.ajax({
     url:"/isAuthenticing",
     data: {userid:userid},     type: &#39;POST&#39;,     success: function (data, textStatus, jqXHR) {
      if(data.result==&#39;1&#39;){
        $(&#39;#approveadd a&#39;).html("+认证中")
      }
     },
     error: function () {
     }
   });
  }
  //getMyQusetionInfo();
}

로그인 후 복사

백엔드 코드:

@RequestMapping(value = "/isAuthenticing", method = RequestMethod.POST)
@ResponseBody
public Map<String, Object> isAuthenticing(@RequestParam("userid") String userid,HttpServletRequest request) throws IOException {
//方法体
}

로그인 후 복사

저와 같은 문제를 겪는 분들께 도움이 되었으면 좋겠습니다.

참고: 빨간색 부분은 수정된 부분입니다

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.