웹개발 교육/Ajax

[45일] Ajax (1) - Ajax란

2022. 9. 29. 10:42

Ajax는 Asynchronous JavaScript and XML의 약자로 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나이다.

 

Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.(비동기 방식)

즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.

한 개의 페이지에서 요청과 응답이 동시에 이루어진다. 

대표적으로 댓글 더보기를 예로 들 수 있다.

 

서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있다.

  • JSON
  • XML
  • HTML
  • 텍스트 파일 등

JavaScript에서는 XMLHttpRequest 객체, jQuery에서는 $.ajax 함수를 사용한다.

 

http://www.tcpschool.com/ajax/ajax_intro_basic

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

https://www.w3schools.com/js/js_ajax_intro.asp

 

AJAX Introduction

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

형식

$.ajax({요청명령}, callback함수)
  • callback 함수 : 서버로부터 응답받은 후 호출되는 함수
  • 요청명령 : url, method, dataType, data, success, error 등
※ 참고
요청명령의 세부사항
1) dataType : text, json, xml 등
2) type : GET, POST, PUT, DELETE
3) data : 서버에 요청할 데이터
4) error : 에러시 호출되는 함수
5) success : 성공 시 호출되는 함수 (callback함수)

 

'웹개발 교육 > Ajax' 카테고리의 다른 글

[45일] Ajax (4) - callback 함수  (0) 2022.09.29
[45일] Ajax (3) - json 데이터 받아오기 2  (0) 2022.09.29
[45일] Ajax (2) - json 데이터 받아오기 1  (0) 2022.09.29
'웹개발 교육/Ajax' 카테고리의 다른 글
  • [45일] Ajax (4) - callback 함수
  • [45일] Ajax (3) - json 데이터 받아오기 2
  • [45일] Ajax (2) - json 데이터 받아오기 1
ewok
ewok
ewok
기록장
ewok
전체
오늘
어제
  • 분류 전체보기
    • 웹개발 교육
      • HTML
      • CSS
      • JavaScript
      • Database
      • Java
      • jQuery
      • Ajax
      • Bootstrap
      • jsp
      • Spring
      • MyBatis
      • 프로젝트
    • JAVA
    • SpringBoot
      • 기초
      • AWS
      • 개인프로젝트
    • Spring Security
    • JPA
    • 테스트코드
    • Error
    • CS
      • 컴퓨터 구조
      • 이산수학
    • 알고리즘
      • 정리
      • Java
    • SQL
    • 자격증
      • SQLD
      • 정보처리기사
    • Git

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • GIT
  • sqld 자격증
  • SQLD
  • org.springframework.beans.factory.UnsatisfiedDependencyException
  • base
  • org.hibernate.tool.schema.spi.CommandAcceptanceException
  • sqld 합격
  • 노랭이
  • 버전 관리
  • 브랜치
  • git bash
  • merge commit
  • this
  • 생성자
  • branch

최근 댓글

최근 글

hELLO · Designed By 정상우.
ewok
[45일] Ajax (1) - Ajax란
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.