axios를 이용해 php로 값 보내고 전달받기

 

리액트 공부중에 비동기식 통신 중 axios에 대해서 정리해보려고 합니다.

 

axios 를 이용하면 기존에 ajax 통신을 편하게 값을 전달하고 받을 수 있으며 코드도 간결하고 사용법도 쉽다~!

 

먼저 설치방법은 

yarn add axios 

 

얀이 설치가 되어있지 않다면

npm install axios 로 설치 후에

 

상단의 import axios from 'axios';

로 불러온다.

 

기본적인 사용법은

 

  axios.post('접속 url', {

  

   전송 데이터

    })

    .then(function (response) {

  // 성공

    })

    .catch(function (error) {

// 실패

    });

 

  }

 

php 에서 데이터를 받을 경우

 

 

$data = file_get_contents("php://input");

$json = json_decode($data, true);

 

이런식으로 json 디코를 해주면 배열로 저장되어 꺼내어 쓸 수 있다.

 

 

라이브러리를 이용해 사이트를 만드는 경우에 AXIOS를 이용하면 간단하게 비동기식 통신을 할 수 있다.

단점은 모듈을 따로 설치해야한다는 것...

 

장점은 호환성도 좋고 json 파일을 오브젝트 형식으로 변경해주기때문에 코드가 짧아지고 간결해진다!

비동기식 통신 구현으로 이제는 원페이지 형식의 새로고침 없는 사이트를 쉽게 제작할 수 있다.

 

 

https://github.com/axios/axios#example

axios/axios