본문 바로가기

JavaScript/Ajax, Axios(비동기 통신)

JavaScript/Ajax, Axios(비동기 통신) 2020. 3. 21. axios 모듈화하기 axios 뿐만 아니라 다른 라이브러리를 사용할때는 라이브러리에 의존적이지 않게 따로 모듈화를 진행하는것이 좋다고 한다.. import axios from "axios"; import router from "../router"; const DOMAIN = "http://localhsot:3000"; const UNAUTHORIZED = 401; const onUnauthorized = () => { //다른 url로 이동 router.push("/login"); }; const request = (method, url, data) => { return axios({ method, url: DOMAIN + url, data }) .then(result => result.data) .catch(result ..
JavaScript/Ajax, Axios(비동기 통신) 2020. 3. 21. XMLHttpsRequest, axios 로 백엔드 서버에 요청 보내 보기 vue 파일 Board list: Loading... APi result : {{ apiRes }} Board 1 Board 2 fetchData() { this.loading = true; //요청하기 const req = new XMLHttpRequest(); req.open("GET", "http://localhost:3000/health"); //클라이언트에서 백엔드서버로 요청을 보낸다 req.send(); //로딩이 완료되면 req.addEventListener("load", () => { this.loading = false; this.apiRes = { status: req.status, statusText: req.statusText, response: JSON.parse(req.respo..
JavaScript/Ajax, Axios(비동기 통신) 2020. 1. 22. json < - > xml간 연동 naver http://www.naver.com 네이버 daum http://www.daum.net 다움 google http://www.google.co.kr 구글 click
JavaScript/Ajax, Axios(비동기 통신) 2020. 1. 22. json <-> ajax간 연동 [ { "name":"홍길동", "age":24, "address":"서울시", "phone":"123" }, { "name":"성춘향", "age":16, "address":"남원시", "phone":"234" }, { "name":"홍두께", "age":22, "address":"강릉시", "phone":"345" } ] click
JavaScript/Ajax, Axios(비동기 통신) 2020. 1. 22. jsp < - > ajax간 데이터 연동 click

티스토리툴바