ajax 와 전통 웹 개발 의 공통점
AJAX 가 뭐야?
AJAX 는'Asynchronous Javascript And XML'(비동기 JavaScript 와 XML)로 대화 형 웹 애플 리 케 이 션 을 만 드 는 웹 개발 기술 을 말한다.
AJAX=비동기 자 바스 크 립 트 와 XML(표준 통용 표기 언어의 부분 집합).
AJAX 는 빠 른 동적 웹 페이지 를 만 드 는 데 사용 되 는 기술 이다.백 스테이지 에서 서버 와 소량의 데이터 교환 을 통 해
AJAX 는 웹 페이지 를 비동기 적 으로 업데이트 할 수 있 으 며,웹 페이지 전 체 를 다시 불 러 오지 않 고 웹 페이지 의 일부분 을 업데이트 할 수 있다 는 뜻 이다.
AJAX 의 특징
웹 표준 을 바탕 으로 문서 대상 템 플 릿(Document Object Model)을 사용 하여 동적 디 스 플레이 와 상호작용,해결 페이지 데이터 획득,서버 데이터 분석,페이지 업데이트 없 음
XML 과 XSLT 를 사용 하여 데이터 교환 및 관련 작업 을 진행 합 니 다.
XML HTTPRequest 를 사용 하여 비동기 데이터 조회 와 수신,비동기 상호작용 문 제 를 해결 합 니 다.
자 바스 크 립 트 를 사용 하여 모든 것 을 연결 합 니 다.다른 AJAX 기술 의 교량,가장 주요 한 프로 그래 밍 언어 JS 기반 입 니 다.JS 의 고급 콘 텐 츠.JSON 형식
사유 방식
사용자 체험
전통 적 인 웹 개발 에서 서버 쪽 데이터베이스 나 파일 에 있 는 정 보 를 얻 거나 클 라 이언 트 정 보 를 서버 에 보 내 려 면 HTML form 을 만 들 고 GET 나 POST 데 이 터 를 서버 쪽으로 보 내야 합 니 다.사용 자 는'Submit'단 추 를 누 르 면 데이터 정 보 를 보 내 거나 받 아들 이 고 서버 응답 요청 을 기다 리 며 페이지 를 다시 불 러 와 야 합 니 다.서버 가 매번 새로운 페이지 로 돌아 가기 때문에 전통 적 인 웹 응용 은 느 리 고 사용자 의 상호작용 이 우호 적 이지 않 을 수 있 습 니 다.즉,보기->제출->대기->새 페이지 보기->새로운 제출...페이지 이동,전체 페이지 새로 고침.사용자 체험 중단
AJAX 기술 을 사용 하면 자 바스 크 립 트 가 XML HttpRequest 대상 을 통 해 서버 와 직접 상호작용 을 할 수 있다.HTTP Request 를 통 해 하나의 웹 페이지 는 웹 서버 에 요청 하고 웹 서버 가 되 돌아 오 는 정 보 를 보 낼 수 있 습 니 다.(페이지 를 다시 불 러 오지 않 아 도 됩 니 다)사용자 에 게 보 여 주 는 것 은 같은 페이지 입 니 다.사용 자 는 페이지 가 새로 고침 되 는 것 을 느끼 고 자바 script 배경 에서 진행 되 는 전송 요청 과 응답 을 볼 수 없습니다.
AJAX 는 사용자 체험 과정:보기->제출->계속 보기->낡은 페이지 보기->새로운 제출...페이지 가 새로 고침 되 지 않 고 사용자 체험 이 연결 되 어 있 습 니 다.
AJAX 는 비동기,전통 적 인 웹 은 동기 화 를 사용한다.동기 업 데 이 트 는 전체 페이지 를 업데이트 하고 새로운 페이지 로 표시 해 야 합 니 다.
비동기 업 데 이 트 는 백 스테이지 와 서버 가 소량의 데이터 교환 을 하 는 것 이다.즉,전체 웹 페이지 를 다시 불 러 오지 않 으 면 웹 페이지 의 일부분 을 업데이트 할 수 있다.반면 AJAX 는 사용자 대기 시간 을 줄 였 다.
사 고 를 개발 하 다
전통 적 인 웹 PK AJAX 방식
식
장단 점
장점:
1.비동기 모드 를 통 해 홈 페이지 가 새로 고침 되 지 않 고 사용자 체험 을 향상 시 킵 니 다.
2.브 라 우 저 와 서버 간 의 전송 을 최적화 하고 불필요 한 데이터 왕복 을 감소 하 며 대역 폭 점용 을 감소 합 니 다.
3.Ajax 엔진 은 클 라 이언 트 에서 실 행 됩 니 다.일부 서버 가 맡 았 던 작업 을 담당 하여 큰 사용자 의 서버 부하 가 줄 어 들 었 습 니 다.
4.표준화 되 고 광범 위 하 게 지원 되 는 기술 을 바탕 으로 플러그 인 이나 애플 릿 을 다운로드 할 필요 가 없습니다.
단점:
1.ajax 는 브 라 우 저 back 단 추 를 지원 하지 않 습 니 다.
2.보안 문제 AJAX 는 서버 와 상호작용 하 는 디 테 일 을 드 러 냈 다.
3.검색엔진 에 대한 지원 이 약 합 니 다.
4.프로그램의 이상 메커니즘 을 파괴 했다.
5.디 버 깅 이 쉽 지 않 습 니 다.
이상 은 소 편 이 소개 한 ajax 와 전통 웹 개발 의 공통점 입 니 다.마음 에 드 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Portswigger의 연구실 작성: CSRF 토큰 보호를 사용한 기본 클릭재킹이 견습생 수준 실습에서는 일부 CSRF 토큰 보호가 있음에도 불구하고 클릭재킹에 취약한 웹사이트에서 계정 삭제 흐름을 악용합니다. 주어진 자격 증명으로 로그인하면 계정 페이지로 이동한 후 사용자 계정을 삭제하는 데...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.