본문 바로가기
반응형

Ajax3

[React Native] 리액트 네이티브 비동기 서버 통신 axios 사용법 리액트 네이티브에서 비동기로 서버와 통신하는 방법중에 axios에 대해 알아보자. 비동기 서버 통신 API인 axios는 아래와 같은 형식으로 사용할 수 있다. import axios from 'axios'; axios.post('localhost:8080/api/login', { ID: "id", PASSWORD: "password" }) .then(result=>{ if(result){ Alert.alert('', '로그인 되었습니다.', [{text: '확인'}]); } }) .catch(function(error){ console.log('login catch error : '+JSON.stringify(error)); }) post 방식으로 localhost:8080/api/login 서버에 아.. 2023. 8. 23.
[JavaScript] 자바스크립트 ajax로 html / multipart 사용하기 자바스크립트에서 현재 페이지에서 페이지 이동없이 데이터를 불러오는 방법으로 ajax를 사용하는데, ajax를 사용하여 데이터를 가져오는 방법 중에 html을 가져오는 방법과 파일을 서버로 전송하는 방법에 대해 알아보자. # html : html 파일 데이터 가져오기 (서버에서 html 파일을 ModelAndView로 내려줘야 한다.) 1. ajax 함수 선언 var AjaxComm = ({ ajaxAsyncHtml : function(url, data, success, fail){ $.ajax({ dataType : "html", url : url, type : "POST", data : data, success : function(data){ if(success){ success(data); } },.. 2023. 4. 19.
[JavaScript] 자바스크립트 동기/비동기 서버 데이터 가져오기 - Ajax 자바스크립트에서 현재 페이지에서 페이지 이동없이 데이터를 불러오는 방법으로 ajax를 사용하는데, ajax를 사용하여 데이터를 가져오는 방법 중에 동기와 비동기로 데이터를 가져오는 방법에 대해 알아보자. # Async : 비동기로 서버 데이터 가져오기 1. ajax 함수 선언 var AjaxComm = ({ ajaxAsync : function(url, data, success, fail){ $.ajax({ dataType : "json", type : "POST", data : data, success : function(data){ if(success){ success(data); } }, error : function(xhr, status, error){ //alert("code : " + xhr... 2023. 4. 17.
반응형