반응형
안녕하세요 여러분 크리에이트메이커 입니다 !!
이번글은 api 쿼리를 활용하여 간단하게 서버의 원하는 html을 표현하는 방법을 알려드리겠습니다.
nodejs의 express를 활용한 코드입니다. 서버 구동하는 js에 넣어주시면 됩니다.
app.get('/getoneobject', (req, res) => {
let link = req.query.link
const param = [link]
let html =``;
html += `<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="getdbdatas('`+link+`') 함수가 있는 js"></script>
</head>
<body >
원하는 html 및 함수
<script>
getdbdatas('`+link+`');
</script>
</body>
</html>`
res.send(html);
});제가 왜 이런식으로 표현을 해야 했냐면,
서버에 수많은 정보가 있는데, 그중 링크를 클릭하면 링크에 해당되는 정보만 보여지게 하기 위해 이렇게 만들었습니다.
메인페이지에서 타고 들어가는 것이 아니고, 변수가 들어간 링크 자체에서 바로 변수에 해당하는 정보가 나와야 하기 때문에, 방법을 생각하던중 저런 방법이 떠올라 작성했습니다.
app.get으로 getoneobject 라는 이름으로 구분한뒤,
주소창에 블라블라/
getoneobject?link=/objectimages/objectimg0.png
라는 쿼리를 추가하여
script 안의 함수의 인자에 link 쿼리를 적용시켜
자바스크립트 함수에 적용하였습니다.
해당 코드의 목적은 쿼리를 담은 주소를 api형식으로 json정보가 아닌, 웹자체 시각정인 정보를 전달하기 위해 작성한 코드입니다.
자세한 질문은 댓글을 통해 주세요~
반응형
'IT기술(코딩)' 카테고리의 다른 글
| mysql (mairaDB 아니에요) 권한 설정 에러날때, grant 명령어 에러날때 !! (0) | 2023.03.01 |
|---|---|
| aws lightsail can't connect with vscode 우분투 비주얼코드 연결 안될때 사용자, ip, 키값 다 입력해도 접속 안될때,ssh (0) | 2023.03.01 |
| html 자바스크립트 서버 다이얼로그 모드로 켜기 dialog js (0) | 2023.02.16 |
| html a태그 download 경로 지정 못하나요? (0) | 2023.01.26 |
| 셀리니움 element 없다고 할때, 클릭안될때 (0) | 2022.09.28 |
