본문 바로가기

JavaScript

HTTP, JSON ,AJAX

- 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

 

'JavaScript' 카테고리의 다른 글

var, let, const 차이  (0) 2019.11.13
event delegation, 버블링, 캡쳐링  (0) 2019.10.12
Prototype, instance , __proto__, Prototype Chain  (0) 2019.09.23
this  (0) 2019.09.21
문자열,숫자열 변환하기  (0) 2019.09.14