전단 페이지는post 방식으로 페이지를 뛰어넘어 값의 전달과 값을 가져옵니다

1090 단어 프런트엔드
전체적인 사고방식: A페이지는post방식을 통해 B페이지로 넘어가야 하고 A페이지가 전달하는 값은 B페이지를 가져와야 한다.B 페이지를 위해 값을 얻을 수 있습니다.local Storage나session Storage를 선택하여 값을 저장할 수 있습니다.local Storage의 값은 로컬에 저장되며, 인공적으로 삭제하지 않으면 데이터가 계속 존재합니다.sessionStorage의 값은 저장소가 현재 세션의 값입니다. 통속적으로 말하면 현재 창에 있습니다.그래서sessionStorage를 선택하여 값을 저장하는 것이 비교적 합리적이다(전단에서post방식으로 페이지를 뛰어넘고 값을 전달하고 얻는 다른 해결 방안을 찾지 못했는데 더 좋은 방안이 있다면 추천해 주셔서 감사합니다)
A 페이지:
 /*
    * url:    
    * method:    
    * params:       [{name:"test" ,data:"123"}]
    * */
    function goToUrl(url,method,params){
        var form = document.createElement("form");
        form.action = url;
        form.method = method;
        form.style.display = "none";
        document.body.appendChild(form);
        params.forEach(function (param) {
            sessionStorage.setItem(params.name,param.data);
        });
        form.submit();
        return form;
    }
B  :
var data=sessionStorage.getItem(param.name); //   
sessionStorage.removeItem(param.name); //   

좋은 웹페이지 즐겨찾기