2020.02.07 Ajax 예제

우선은 html 파일에서 서버로 Rquest를 오픈해서 요청을 전송한다.

if문의 xhr.status == 200인 경우를 보면 200일때 성공적으로 서버와 연결이 완료된 상태이고

그 상태일때 content라는 이름의 div자리에 서버로부터 받은 응답의 텍스트를 넣는다고 되어있다.

이 다음에는 서버에서 받은 응답을 브라우저에서 사용할수있게끔 바꿔줘야한다.

새로운 파일을 만들어야한다.

보면 xhr.open 자리에 json 파일이 들어가있는것을 볼수있다.

서버에서 받은 json 파일을 xhr.open을 통해서 브라우저와 서버의 연결을 만들고

서버와의 응답이 200으로 나오면 JSON.parse(xhr.resoponseText);를 통해서 브라우저에서 읽을수있도록 만들어준다.

그리고 forEach를 통해서 안에 들어있는 모든 값들을 불러낸다.