본문 바로가기
  • Coding & Book
Back-End/AJAX&API&JSON

01. AJAX란(+API)

by 루이3 2023. 6. 19.

1.AJAX란?

-AJAX는 비동기식 JavaScript와 XML 이다.

 

-기존의 웹 페이지는 페이지 전체를 새로고침해야지만 서버로부터 데이터를 가져오거나 전송할 수 있었지만,

AJAX를 사용하게 되면 페이지의 일부분만 업데이트할 수 있다.

 

-정보를 올리거나 전송하고 어떤 정보를 저장하려면 요청이 필요한데

그것을 웹사이트나 혹은 앱에서 보이지 않게 요청을 하는것이며 서버로 데이터를 원활하게 주고 받을수 있게 해준다.

 

- JavaScript를 사용하여 비동기적으로 서버와 통신하고, XML 또는 JSON 형식으로 데이터를 주고받을 수 있다.

최근에는 XML 보다는 JSON 형식을 많이 사용하고 있다.

 

예시:

데이터를 서버로 전송하여 백엔드와 상호작용하는  회원가입 양식 제출, 데이터 저장 등이 있으며

실시간 검색 결과나 채팅 기능등이 있다.

 

2. API

-API는 컴퓨터가 여러 소프트웨어와 상호 작용하거나 소통하는 모든 인터페이스를 의미하는 광범위한 의미이다.

 

-JavaScript로 AJAX 요청을 할 때 HTML, CSS, JavaScript가 아닌 순수한 정보로 된 데이터가 필요하고

이때 필요한게 API이다.

 

 

 

API의 예시

https://segment.com/product/connections/

 

Connections | Twilio Segment

Twilio Segment is a customer data platform (CDP) that helps you collect, clean, and activate your customer data.

segment.com

 

API 작동을 확인하기 위한 사이트

https://hoppscotch.io/

 

Hoppscotch • Open source API development ecosystem • Hoppscotch

https://echo.hoppscotch.io

hoppscotch.io

 

'Back-End > AJAX&API&JSON' 카테고리의 다른 글

Axios  (0) 2023.06.21
3. XHR과 Fetch  (0) 2023.06.21
2. JSON 이란?  (0) 2023.06.20