728x90 반응형 IT/JavaScript와 Framework99 AJAX Cross Domain 문제 AJAX 비동기 통신을 할 때, 도메인이 서로 다른 경우 호출이 안되는 문제 발생 ==> 서로 다른 도메인 사이에는 데이터를 주고 받을 수 없다. WHY? JS 보안정책 중에 하나 => Same-Origin Policy 정책 위반 예) www.aaa.com VS www.bbb.com --> 도메인이 다른 경우 aa.testserver.com vs bb.testserver.com --> 도메인은 같고,호스트가 다른경우 방법 (정석이 아님) 1. 서버 설정을 바꿔주는게 가장 좋음 2. 프락시 서버를 이용하는 방법 3. JSONP 를 이용하는 방법 -> 비표준 -> 태그 사용 -> GET 방식이라 넘기는 파라미터 값들이 너무 많다면 권장되지 않음 4. 헤더(Header) 를 변경하는 방법 IIS 에서 설정법 .. 2023. 12. 1. Fetch API 개념 ES6의 비동기 통신 처리 방법 AJAX와 같은 비동기 통신 처리를 보다 손쉽게 사용할 수 있도록 도와주는 API AJAX관련 라이브러리들은 - XMLHttpRequest - jQuery, Fetch API, Axios 라이브러리 등등 구식 브라우저는 지원안함 (폴리필을 임포트하여 사용하면 가능) fetch(url, [options]) - options 를 생략하면 GET 방식으로 전송 요청을 진행 - Promise 객체가 반환됨 response.text() : 응답이 텍스트 response.json() : 응답이 JSON fetch API 개발을 하려면, 서버 환경이 꼭 필요함. - APM 패키지 같은 솔루션을 사용함. 2023. 11. 23. 서버 응답체크를 위한 XMLHttpRequest 객체의 속성들 1. onreadystatechange --> readyState 속성값이 변할 때마다 호출할 콜배 함수를 지정 --> 브라우저는 다른 작업을 하다가 서버로 응답이 오면 콜백함수를 호출 2. readyState : XMLHttpRequest 상태를 보여줌 --> 0 : 초기화도 안된 상태(open 메서드가 호출도 되기 전의 상태 --> 1 : 서버 연결설정( send 메서드 호출전) --> 2 : 서버 수신 상태 --> 3 : 서버 처리 상태 --> 4 : 서버 요청 완료 -> 준비 완료 상태(가장 중요) 3. status 200 : ok 403 : Forbidden -> 접근거부 404 : Page Not Found -> 페이지를 찾을 수 없음. 2023. 11. 21. XMLHttpRequest 기본 사용 개념 따로 서버 구축없이 테스트 방법은 아래글 참고해서 진행해라. https://goldencrab.tistory.com/entry/CORS-%ED%95%B4%EA%B2%B0%EC%9D%84-%EC%9C%84%ED%95%9C-disable-web-security-user-data-dirCchrome CORS 해결을 위한 --disable-web-security --user-data-dir="C:\chrome" 크롬 실행시 아래와 같이 설정하면 됨.. https://haru.kafra.kr/68 크롬 cross domain 무시하기 아이오닉 이나 기타 하이브리드 앱을 개발할 때, 또는 웹을 개발할 때, API를 개발할때흔히 Cross domain 이슈로 goldencrab.tistory.com // 생성 let.. 2023. 11. 21. 이전 1 2 3 4 5 ··· 25 다음 728x90 반응형