> 웹 프론트엔드 > JS 튜토리얼 > Node.js는 post 메소드를 사용하여 새로운 window_javascript 기술을 엽니다.

Node.js는 post 메소드를 사용하여 새로운 window_javascript 기술을 엽니다.

WBOY
풀어 주다: 2016-05-16 16:12:47
원래의
1504명이 탐색했습니다.

일반적으로 js에서 새 창을 여는 것은 매우 간단합니다. window.open(url)만 있으면 됩니다.

하지만 서버에 매개변수를 전달하려고 하는데 매개변수가 긴 문자열인 것 같고 get 메소드에 제출되는 매개변수의 길이가 제한되어 있으므로 다음과 같은 요구사항이 있습니다.

1. js에서 게시물 제출 구현

2. 반환된 페이지가 새 창에 표시됩니다

처음에는 이렇게 했습니다.

코드 복사 코드는 다음과 같습니다.

$.ajax({
유형: "POST",
                    url: '${contextPath}/analyse/detail.do', 
                         데이터: {carNum:carNum,ids:refIds}, 
성공: function(str_response) { var obj = window.open("about:blank")
~                                                       ~                    })


jQuery ajax를 통해 제출하면 반환된 데이터가 새 페이지에 작성되지만 브라우저가 자동 팝업창을 가로채기 때문에 사용자가 직접 차단을 해제해야 하고 사용자 경험이 매우 좋지 않습니다.

그런 다음 양식 제출을 시뮬레이션하여 구현했습니다

function post(URL, PARAMS) { var temp_form = document.createElement("form");                 temp_form .action = URL;                                             temp_form .target = "_blank";
              temp_form .method = "게시물";                              >                                            opt.name = x;                                                                 opt.value = PARAMS[x];                                                               temp_form .appendChild(opt);                                                 ~                  document.body.appendChild(temp);                                     >                  }



참고: 새 창을 열려면 양식의 대상 속성을 '_blank'로 설정해야 합니다

그런 다음 post('${contextPath}/analyse/detail.do',{carNum:carNum,ids:refIds})를 요청하면 됩니다
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿