JavaScript
HTTP, JSON ,AJAX
nathaneast
2019. 10. 4. 11:50
- HTTP
HyperText Transfer Protocol
텍스트 기반의 통신 규약
클라이언트와 서버간의 통신에서 많이 사용되는규약
//세계적으로 웹 상에서 가장 흔하게 쓰이는 규약
서버: 자료에 대한 접근을 관리하는 네트워크 상의 시스템
클라이언트 : 그 자료에 접근할 수 있는 프로그램
//웹 , 핸드폰 어플
ex)
클라이언트 (회원가입정보 전송) => 서버 (회원 정보 저장)
클라이언트 , 서버간의 교류 => HTTP 규약 이용하여 발생
Request : 요청
클라이언트가 서버에게 값을 달라고 요청
Response : 응답
서버의 요청에 대한 응답을 클라이언트에게 보냄
- JSON
Javascript Object Notation
데이터 저장, 전송시 많이 사용되는 데이터 형식
서버와 클라이언트간의 교류에서 많이 사용 됨
자바스크립트 객체 표기법과 아주 유사함
JSON 문서를 자바스크립트 객체로 변환 가능
JSON 문서는 단순한 텍스트 형식
key값을 ""로 감싸야함
- AJAX
Asynchronous Javascript And XML
전체 페이지를 새로 고침 할 필요 없이 ,
서버와 정보 교환 후 웹페이지 일부만 수정가능
서버와 통신하기 위해 XMLHttpRequest 객체를 사용
1
2
3
4
5
6
7
8
9
10
|
var httpReq = new XMLHttpRequest();
var ex_json = "ex_json.txt";
httpReq.open("GET", ex_json);
httpReq.onreadystatechange = function () {
if (this.readyState === 4 && this.status === 200) {
//값을 모두 받았을시에 식 실행
}
};
httpReq.send();
|
cs |