-
[axios] post / get / delete / put 으로 데이터를 처리하자React.js/react 2022. 12. 7. 23:19

C R U D 데이터 처리 삽입 조회 수정 삭제 method post get put(일부수정 : patch) delete request Body Head Body Head 🔹 Head : request에 대한 부가 정보, 상태 코드(status code)
🔹 Body : 실제 데이터를 담는 부분, JSON 데이터
👉🏻 axios.post('url/posts', {obj})
👉🏻 axios.get('url/posts').then( (res) => res.data )
👉🏻 axios.delete('url/posts/1')
👉🏻 axios.put('url/posts/1')
- post 요청시 파라미터 전달 방법
axios.post('/url', { id: myId, name : myName }).then(response => { console.log(response.data); }).catch(error => { console.log(error.response); });- get 요청시 파라미터 전달 방법
axios.get('/url', { params: { id: myId, name : myName } }).then(response => { console.log(response.data); }).catch(error => { console.log(error.response); });- 요청받은 파라미터 받는 방법
app.get('/total/ceo', (req, res) => { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "*"); const searchText = req.query; console.log(searchText); db.query("select * from ceo_cs where question like '%"+searchText.searchText+"%';", (err, data) => { if (!err) { console.log(data); res.send(data); } else { console.log(err); } }) })'React.js > react' 카테고리의 다른 글
[react] mysql 연동하기 (0) 2023.01.31 [react] react에서 <select> 사용하기 예시소스 (0) 2022.12.27 [react-router-dom] <Link> : 링크 걸기 (0) 2022.12.07 [react] array를 보여줄 때는 map() 함수를 사용하자 (0) 2022.12.07 JSX 문법 · component · props (0) 2022.12.07