05/03 Javascript Ajax 예제 : 게시판 만들기

Ajax -> Web version2 : 비동기적으로 데이터를 요청해서 화면을 갱신하는 기술의 집합

frontend 기술의 가장 꽃
그때 사용되는 대표적인 api가 -> XmlHttpRequest API  
- onreadystatechange
- onload
- onabort
- onloadend

 

 

 

 

 

 

 

 

 

json형태의 통 텍스트

 

 

 

 

 

 

가져온 목록으로 테이블을 만들어보자

 

 

 

 

 

 

 

 

 

 

 

 

 

1~3 번까지는 잘 안쓴다..

 

 

``````` -> 어금부호 : 내려쓰기 마음대로 할 수 있고 그 안에 변수를 마음대로 넣을 수 있게 해줌

 

안에 변수는 ${ } 로 감싸서 쓰면 됨

 

둘다 가능한데 아래껄로 쓰는게 좋겠다

 

 

 

html부분의 tbody안에 스크립트로 저걸 집어넣고 싶다

-> insertAdjacentHtml을 이용해서 끝에 추가해준 것.

 

 

0번째만 보여주니까 -> 반복문을 써보자

 

 

 

10개의 레코드가 나오게 된다

 

 

 

레코드가 나왔을 때는 레코드가 없습니다 줄 지워줘야 하니까