ajax
-
axios(ajax) 관련 예제VUE.JS 2020. 5. 3. 21:31
Vue에서 권고하는 HTTP 통신 라이브러리는 액시오스(Axios)이다. Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되있고 다양한 기능을 제공한다. 아래 예제 소스를 보면 AJAX와 유사하기 때문에 쉽게 이해가 가능하다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 Document button {{users}} new Vue({ el : '#app', data() { return { users :..
-
AJAX POST방식(JSON 사용)WEB관련 2020. 4. 7. 00:17
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // post 방식 (시도 숙제 ) JSON 방식 function idchkbtn3(){ fid = document.getElementById('tid'); fpassword = document.getElementById('tpassword'); console.log(fid.value); console.log(fpassword.value); var data = { "id" : fid.value, "pw" : fpassword.value } ajax.onreadystatechange = callbackajax; console.log(JSON.stringify(data)); // post 방식 ajax..
-
AJAX GET 방식 관련 기초WEB관련 2020. 3. 29. 14:01
AJAX란 ? Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법임. 일반적으로 제이쿼리를 이용하여 AJAX를 사용하는 경우가 많지만 아래와 같이 XMLHttpRequest 객체를 선언하여 사용할 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // XMLHttpRequest 객체 선언 ajax = new XMLHttpRequest(); function idchkbtn(){ fid = document.getElementById..