axios 가장 많이 사용되고 있는 자바스크립트 HTTP 클라이언트. Http요청을 Promise 기반으로 처리 yarn add axios axios GET 파라미터로 전달된 주소에 GET요청. .then을 사용하거나 async/await를 통해 리턴받은 데이터 확인 const getData = () => { axios.get(url) .then(response =>{ return response; }) } const getData = async () => { return await axios.get(url) } axios POST 첫번째 파라미터에 URL 주소, 두번쨰 파라미터에 request data를 넣고 api 호출 const postData = async (postParam) => { retur..
ajax 선언 myApp.service('myService',['$http',function ($http){ this.requestAjax = function(url, param, type, succ){ $.ajax({ method: type, url: url, data: param, async : false, crossDomain: true, beforeSend : function(xhr){ xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=UTF-8"); xhr.setRequestHeader("Ajax", "true"); }, success:function(data, status){ succ(data, sta..
ftp에 연결하는 경우, web에서 ftp서버에 직접 연결하는 방법, 별도의 api를 통해 통신하는 방법이 있었다. 회사에서 사용하는 ftp이기 때문에 유지보수와 통일성을 위해 nodejs를 이용하여 ftp통신 api를 만들어 script에서 api와 ajax통신을 하도록 로직을 구성하였다. - api input : 파일경로, 파일 조건 : multiple max 50, exe파일은 저장하지 않음 output : 파일 전체 경로, 파일명(날짜 + 기존 파일명) -ajax function ftpFileUpload(path, files){ var form = new FormData(); var result = ""; //ftp 파일 업로드 경로 form.append("path", path); //업로드 할 ..
리스트를 전달하기 위해 검색을 많이 해봣지만대부분 리스트타입을 리스트 타입으로 넘기거나, json을 json으로 넘기는 경우가 많았다. 내 경우 리스트와 함게 string타입의 다른 파라미터도 같이 넘겨 db를 타는 경우가 많기 때문에파라미터타입을 map으로 주로 사용을 한다. 아래의 경우 파라미터 타입을 HashMap으로 사용하는 경우이다. [script]리스트를 json타입으로 변환해준 후 ajax를 통해 controller로 전달var dataParam = {list:JSON.stringify($scope.lists), param1:'param1', param2:'param2'};$.ajax({type : 'POST', dataType : 'json', data: dataParam,url : url..
ajax 파라미터를 넘기는 방법 중 하나다.일반적인 hashMap을 생각하면 될 것 같다. append를 통해 테이터를 추가 한다. new formData = new FormData(); formData.append(key, value); $.ajax({url: url,data: formData, processData: false, contentType: false, type: 'POST',beforeSend : function(xhr){xhr.setRequestHeader("Ajax", "true");},success: onSuccess,error: onError});function onSuccess(data) {}function onError(data) {alert(data)}});
- Total
- Today
- Yesterday
- hashmap
- JSP
- datePicker
- webpack
- JSX
- typescript
- script
- 스프링
- nodeJS
- paging
- javascript
- input
- hooks
- JSON
- angular
- Redux
- list
- html
- React
- value
- 클래스형
- Props
- 함수형
- ajax
- java
- date
- module
- Progressbar
- Spring
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |