[Node.js] AJAX, query string

우선 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에 정보가 노출된다는 겁니다. 

그래서 짧고 안중요한 데이터 전송하는데 쓰는게 좋습니다.