Web Server - Ajax

Bloooooooooooooog..·2023년 3월 23일
0

Ajax🅰️

JavaScript를 이용하여 비동기식으로 클라이언트와 서버가 데이터(XML)를 주고받는(통신) 방식
데이터 형식은 XML 뿐 아니라 Text, HTML, JSON, CSV 등 다양한 형식 사용 가능하다

Ajax 장점

  • 전체 페이지 갱신하지 않고 일부분만 업데이트
  • ActiveX나 플러그인 설치가 없이 이용 가능
  • JavsScript방식, jQuery 방식으로 구현 가능

Ajax 단점

  • 연속적 데이터 요청시 서버 부하 증가
  • 페이지 내 복잡도가 증가해서 에러 발생 시 디버깅이 어려움
  • 브라우저에 따른 크로스 브라우저 처리가 필요함

Ajax 사용 방식

JS 방식 : XMLHttpRequest를 이용해 비동기식으로 데이터를 송수신

jQuery 방식 : $.ajax(url[,settings])

jQuery 방식 Ajax 주요 속성

url : 데이터 전송할 URL
data : 서버로 전송할 Parameter
type : Http 요청 방식 (GET / POST )
datatype : 서버의 응답 데이터 형식 (XML, text, json 등)
success : ajax통신 성공 시 호출되는 함수를 지정
error : ajax 통신 실패 시 호출되는 함수를 지정
complete : ajax 통신 성공여부와 관계없이 통신 완료 후 실행되는 함수 지정
async : 비동기(true), 동기(false) 지정

profile
공부와 일상

0개의 댓글