컴퓨터 프로그래밍/Node.js
[Node.js] AJAX, query string
한33
2023. 11. 8. 21:14
우선 AJAX 를 이용해 POST 데이터 전송을 하려면
html 코드 아래에 script 태그를 넣고
<script>
document.querySelectorAll('.delete')[0].addEventListener('click',function(){
fetch('/url', {
method : 'POST',
headers : {
'Content-Type' : 'application/json'
},
body : '데이터'
})
})
</script>
위와 같이 써주면 된다.
AJAX 를 이용하면 새로고침 없이 데이터를 주고받을 수 있는 장점이 있다.
body : JSON.stringify({a : 1})
array 나 object 데이터를 주고받고 싶으면 앞에 위와 같이 JSON.stringify 를 붙여주자.
서버로 데이터를 전송하는 방법
URL 파라미터로 서버에 데이터 전송하기
예를 들어 유저가 서버에게 내 이름을 전송하고 싶으면
<script>
document.querySelectorAll('.delete')[0].addEventListener('click',function(){
fetch('/abc/홍길동')
})
</script>
app.get('/abc/:name', (요청, 응답) => {
console.log(요청.params)
})
query string으로 서버에 데이터 전송하기
<script>
document.querySelectorAll('.delete')[0].addEventListener('click',function(){
fetch('/abc?age=27&name=홍길동')
})
</script>
app.get('/abc', (요청, 응답) => {
console.log(요청.query)
})
URL 파라미터 / query string 의 장점은
둘 다 아무 API로 GET, POST, PUT, DELETE 요청할 때 전부 쓸 수 있다는게 장점이고
단점은 URL에 정보가 노출된다는 겁니다.
그래서 짧고 안중요한 데이터 전송하는데 쓰는게 좋습니다.