AJAX 4

AJAX 우회해서 네이버 가져오기

네이버 index.html 가져오기 정책에 의해 막혔다고 나옴.. v_ajax.open("get", "http://naver.com/index.html", true) CORS(Cross-Origin Resource Sharing) ※ 기본 정책이 same-origin origin(출처) 3개로 구성이 되어있다. 프로토콜+서버명(도메인)+포트번호 세 가지 중에 하나라도 다르다면 origin이 다르다고 말함 1) http://localhost:80(웹서버는 기본적으로 80번이 생략) 2) https://localhost:80 1)과 2)는 프로토콜이 다르기에 origin이 다르다. 3) http://localhost:80(웹서버는 기본적으로 80번이 생략) 4) http://psy.com:80 3과 4는 서..

AJAX 2020.08.04

AJAX예제

AJAX틀 var v_ajax = new XMLHttpRequest(); v_ajax.open("get", "data.txt", true); v_ajax.send(); v_ajax.onreadystatechange = function () { if (v_ajax.readyState == 4 && v_ajax.status == 200) { } } 1. ajaxStart.html 버튼 클릭 시 div에 출력하기 2. ajaxStart.html v_ajax.open("get", v_fileName.value, true); 더보기 가져올 데이터 파일명 3. test.js 실행은 되지않고 내용만 가져옴 4. test.php >> 서버에서 실행 할 수 있는 파일이면 실행되어서 넘어옴 >> 단순 내용이면 그 내용이 ..

AJAX 2020.08.03

AJAX(Asynchronous Javascript And Xml)

더보기 AJAX(아작스 또는에이작스) JavaScript의 라이브러리 동기식과 비동기식 비동기는 비순차적, 동기는 순차적 효율은 비동식이 좋음 페이지 일부분만 바꾸고 싶을 때 ajax를 사용! ajax를 사용할 수록 클라이언트 자원을 쓰므로 서버 부하가 줄어! 서버는 달라는 데이터만 주고 무엇을 할지에 대한 것은은 클라이언트에서 요즘은 xml보다는 json을 많이 사용(파일이 무겁고 불편하기 때문) [spa(single page application)] 아작스부분만 변경! 페이지는 그대로 두고(고정) 페이지 뒤로 서버와 통신(데이터 전송방식은 xml) >>Angular.js와 React.js(페이스북**)가 AJAX기능을 편리하게 사용할 수 있도록 만듦. 아작스 시작! 1. 통신객체 생성. 통신을 대신해..

AJAX 2020.08.03