-
클라이언드 단에서 서버단으로 url을 이용해서 파라미터 넘기기.프로그래밍 언어/자바스크립트(jQuery) 2018. 1. 21. 17:38
개발할 때 팝업창을 띄우는 경우,
데이터 조회를 위해 필요한 파라미터를 url로 넘기는 경우가 많았다.
(회사 프로젝트 코드를 보면)
팝업창을 띄울 때는 자바스크립트에서 사용하는 window.open()을 사용한다.
window.open("url", windowName, windowFeatures)를 이용해 팝업창을 띄우는데 여기서
url에 파라미터를 추가해주는 식이다.
만약 내가 서버로 넘겨주고 싶은 파라미터가 userId, userName, joinDay라면 아래와 같은 방식을 사용하면,
123function openPop(){window("/test/openPopTest?userId="+${userId}+"&userName="+${userName}+"&joinDay="+${joinDay}, "popUp");}cs url을 통해 파라미터가 서버로 넘어간다.
만약 해당 jsp에서 userId가 zorba91, userName이 조르바, joinDay가 20180121이었다면 아래와 같이 url이 표시된다.
url에 찍혀나오는 주소: localhost:8080/test/openPopTest?userId=zorba91&userName=조르바&joinDay=20180121
그러면 파라미터가 서버로 들어가면서 해당 파라미터에 맞게 데이터 조회를 해오겠지?
사용방법은 파라미터를 넣는 첫 부분에 ?(퀘스천마크)를 넣어주고 해당하는 파라미터의 name 뒤에 =(이퀄)을 붙이고 들어갈 value를 넣는다.
그 뒤의 파라미터 부분부터는 &(and)를 붙여서 파라미터의 name 그리고 value를 붙인다.
'프로그래밍 언어 > 자바스크립트(jQuery)' 카테고리의 다른 글
[JavaScript] Converting circular structure to JSON(json 형태의 배열 로그 찍기) (4) 2019.01.18 [jquery] 동적으로 생성된 요소에 클릭 이벤트 주기 (0) 2018.02.27 ajax를 동기식처리 하는 방법(코드의 순서 또는 절차적으로 동작하게 만들기) (0) 2018.02.18 배열의 얕은 복사(Shallow copy) & 깊은 복사(Deep copy) (0) 2018.01.28 클라이언트단에서 json객체를 key값으로 value 뽑아내기 (0) 2018.01.28