20가지 고전적인 AJAX 인터뷰 질문(알고 있어야 함)-JS 튜토리얼-php.cn

1. AJAX가 무엇이며 Ajax를 사용하는 이유(Ajax에 대한 지식을 이야기해 주세요)

ajax란 무엇입니까?

AJAX는 "Asynchronous JavaScript and XML"의 약어입니다. 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술을 말합니다.

Ajax에는 다음 기술이 포함되어 있습니다.

웹 표준(표준 기반 표현) 및 관련 작업을 기반으로 합니다.

비동기 데이터 쿼리 및 검색에 XMLHttpRequest를 사용합니다.

JavaScript를 사용하여 모든 것을 하나로 묶습니다.

[주제 추천]:

2020 ajax 면접 질문과 답변(최신)

2. ajax를 사용하는 이유:

Ajax 애플리케이션의 장점은 다음과 같습니다.
1. 비동기 모드를 통해 사용자 경험 개선

2. 브라우저와 서버 간의 전송을 최적화하고, 불필요한 데이터 왕복을 줄이고, 대역폭 사용량을 줄입니다.

3 Ajax 엔진은 클라이언트에서 실행되며 부분을 담당합니다. 원래 서버에서 수행한 작업이 제거되므로 사용자 수가 많은 경우 서버 부하가 줄어듭니다.

2. AJAX의 가장 큰 특징은 무엇인가요?

Ajax는 동적 새로 고침 안 함(부분 새로 고침)을 달성할 수 있습니다.
즉, 전체 페이지를 업데이트하지 않고도 데이터를 유지할 수 있습니다. 이를 통해 웹 애플리케이션은 사용자 작업에 더 빠르게 응답하고 네트워크를 통해 변경되지 않은 정보를 보내는 것을 방지할 수 있습니다.

3. XMLhttprequest 객체를 소개해주세요.

Ajax의 핵심은 JavaScript 객체 XmlHttpRequest입니다. 이 개체는 Internet Explorer 5에서 처음 도입되었으며 비동기 요청을 지원하는 기술입니다. 간단히 말해서 XmlHttpRequest를 사용하면 JavaScript를 사용하여 서버에 요청하고 사용자를 차단하지 않고 응답을 처리할 수 있습니다. XMLHttpRequest 개체를 통해 웹 개발자는 페이지가 로드된 후 페이지에 부분 업데이트를 수행할 수 있습니다.

4. AJAX 기술 시스템의 구성 요소는 무엇입니까?

HTML, css, dom, xml, xmlHttpRequest, javascript

5. AJAX 애플리케이션과 기존 웹 애플리케이션의 차이점은 무엇인가요?

기존 Javascript 프로그래밍에서는 서버 측 데이터베이스나 파일에 대한 정보를 얻거나 클라이언트 정보를 서버로 보내려면 HTML 양식을 만든 다음 해당 데이터를 서버에 GET 또는 POST해야 합니다. . 사용자는 데이터 정보를 보내거나 받으려면 "제출" 버튼을 클릭해야 하며, 서버가 요청에 응답하고 페이지가 다시 로드될 때까지 기다려야 합니다.
서버가 매번 새 페이지를 반환하기 때문에 기존 웹 애플리케이션은 느리고 사용자에게 친숙하지 않을 수 있습니다.

AJAX 기술을 사용하면 Javascript는 XMLHttpRequest 객체를 통해 서버와 직접 상호 작용할 수 있습니다.

HTTP 요청을 통해 웹 페이지는 웹 서버에 요청을 보내고 웹 서버가 반환한 정보를 받아들일 수 있습니다(페이지를 다시 로드하지 않고). 사용자에게 표시되는 내용은 여전히 동일하다고 느낍니다. 페이지가 새로 고쳐지고 이를 볼 수 없습니다. Javascript는 백그라운드에서 요청을 보내고 응답을 받습니다.

6. AJAX 요청에는 몇 가지 유형의 콜백이 있나요?

Ajax 요청에는 총 8개의 콜백onSuccess
onFailure

onUninitialized

onLoading
onLoaded

onInteractive

onComplete
onException

7. Ajax와 자바스크립트의 차이점.

Javascript는 브라우저 측에서 실행되는 스크립트 언어입니다. Ajax는 JavaScript를 포함한 일련의 관련 기술을 사용합니다. Javascript는 Netscape에서 개발한 스크립팅 언어입니다. Sun의 Java 언어와 유사한 이름은 마케팅 전략일 뿐입니다.

일반적인 웹 개발에서는 자바스크립트가 브라우저 측에서 실행됩니다. 자바스크립트를 사용하여 브라우저의 동작과 콘텐츠를 제어할 수 있습니다.

Ajax 애플리케이션에서 브라우저와 서버 간에 정보가 전송되는 방법

XML 데이터 또는 문자열을 통해

8. 브라우저 측에서 서버 측 응답의 XML 데이터를 가져오는 방법.

XMLHttpRequest 객체의 responseXMl 속성
9. IE와 Firefox에서 XMLHttpRequest 객체가 생성되는 방식에 차이가 있나요?

예, IE에서는 new ActiveXObject()를 통해, Firefox에서는 newXMLHttpRequest()를 통해 얻을 수 있습니다

10. XMLHttpRequest 객체의 일반적인 메서드와 속성을 소개합니다.

open("method","URL")은 서버에 대한 호출을 설정합니다. 첫 번째 매개변수는 HTTP 요청입니다. 메서드는 GET, POST 또는 서버에서 지원하는 호출하려는 메서드일 수 있습니다.

두 번째 매개변수는 요청한 페이지의 URL입니다.

send() 메소드, 특정 요청 보내기

abort() 메소드, 현재 요청 중지

readyState 속성 요청 상태에는 5가지 가능한 값이 있습니다. 0 = 초기화되지 않음, 1 = 로드 중
2 = 로드 중, 3 = 상호 작용 진행 중, 4 = 완료됨

responseText 문자열로 표현된 속성 서버의 응답

reponseXML XML로 표현된 속성 서버의 응답

status HTTP 상태 코드 서버 중 200은 ok에 해당하고 400은 찾을 수 없음

12. XML 및 색소폰 구문 분석이란 무엇입니까? DOM 구문 분석은 XML 파일을 한 번에 읽어서 프로그램에서 사용할 DOM 개체로 구성하는 것입니다. 장점은 조작이 쉽지만 더 많은 메모리를 소비한다는 것입니다. Sax는 이벤트 중심 방식으로 파싱되어 메모리를 적게 차지하지만 프로그래밍이 복잡합니다

14. 어떤 프레임워크(패키지)를 사용하시나요

꼭 물어봐야 할 질문입니다. 일반적으로 맨 처음에 물어볼 것입니다.

Java에서 더 인기 있는 것은 dojo, Prototype, JQuery, Dwr, extjs 등입니다.

15. 특정 Ajax 프레임워크에 익숙하다면 프로그램에서 이 프레임워크를 어떻게 사용하는지 물어볼 수도 있습니다.

DWR 프레임워크 소개

DWR(DirectWeb Remoting)은 WEB 원격 호출 프레임워크입니다. 이 프레임워크를 사용하면 DWR을 사용하면 클라이언트에서 JavaScript를 사용하여 서버의 Java를 직접 호출할 수 있습니다. 메소드와 리턴 값은 자바스크립트에 주어진 직접적인 로컬 클라이언트 호출과 같다(DWR은 자바 클래스를 기반으로 자바스크립트 코드를 동적으로 생성한다). DWR의 구현 원리는 리플렉션을 통해 자바를 자바스크립트로 변환한 뒤 콜백 메커니즘을 이용해 자바스크립트를 구현하는 것이다. Java 코드

16 Prototype의 $() 함수, $F() 함수 및 $A() 함수가 DOM에서 문서를 너무 자주 사용하는 이유를 소개합니다. 이 DOM 메소드와 같이 .getElementById() 메소드를 편리하게 단축한 이 메소드는 인수로 전달된 ID가 있는 요소를 반환합니다.

$F() 함수는 텍스트 상자, 드롭다운 목록과 같은 양식 입력 컨트롤의 값을 반환하는 데 사용할 수 있는 또 다른 인기 있는 "단축키"입니다. 이 메소드는 요소 ID 또는 요소 자체를 매개변수로 사용할 수도 있습니다.
$A() 함수는 수신한 단일 매개변수를 Array 객체로 변환할 수 있습니다.

17. XMLHttpRequest 개체 소개

XMLHttpRequest 개체를 통해 웹 개발자는 페이지가 로드된 후 페이지에 부분 업데이트를 수행할 수 있습니다. AJAX는 2005년 Google이 "Google Suggest"를 사용하면서 인기를 얻었습니다.

"Google Suggest"는 XMLHttpRequest 개체를 사용하여 동적 웹 인터페이스를 만듭니다.

사용자가 Google 검색창에 입력을 시작하면 Javascript는 사용자가 입력한 문자를 서버로 보내고 서버는 목록을 반환합니다. 제안의.

XMLHttpRequest 개체는 IE5.0+, Safari 1.2, Mozilla1.0/Firefox, Opera 8+ 및 NetScapt7에서 지원됩니다.

18. AJAX의 정식 명칭은 무엇인가요? AJAX를 소개하시겠습니까?

AJAX의 전체 이름은 Asynchronous JavaScript And XML입니다.

AJAX는 2005년 Google에서 시작하여 인기를 얻은 프로그래밍 방법입니다. AJAX는 새로운 프로그래밍 언어는 아니지만 기존 표준을 사용하는 새로운 프로그래밍입니다. . 기술.

AJAX를 사용하여 더 좋고, 더 빠르고, 더 사용자 친화적인 웹 애플리케이션을 만드세요.

AJAX 기술은 Javascript와 HTTP Request를 기반으로 합니다.

19 Ajax에는 주로 어떤 기술이 포함되나요?

Ajax(Asynchronous JavaScript + XML)의 정의

웹 표준(표준 기반 프레젠테이션) XHTML+CSS 표현 기반

동적 표시 및 상호 작용을 위해 DOM(Document Object Model)을 사용합니다.

데이터 교환 및 관련 작업에 XML 및 XSLT를 사용합니다.

비동기 데이터 쿼리 및 검색에 XMLHttpRequest를 사용합니다.

JavaScript를 사용하여 모든 것을 하나로 묶습니다. 영어로는 Ajax 제안자 Jesse James Garrett의 원문과 원제목(Ajax: A New Approach to

Web Application)을 참조하시기 바랍니다. DHTML이나 LAMP와 마찬가지로 AJAX는 단일 기술을 의미하지 않고 일련의 관련 기술을 유기적으로 활용합니다. 실제로 "AFLAX"와 같은 AJAX를 기반으로 하는 일부 "파생/복합" 기술이 등장하고 있습니다.

AJAX 애플리케이션은 위의 기술을 지원하는 웹 브라우저를 실행 플랫폼으로 사용합니다. 현재 이러한 브라우저에는 Mozilla, Firefox, Internet Explorer, Opera, Konqueror 및 Safari가 포함됩니다. 그러나 Opera는 XSL 형식 개체를 지원하지 않으며 XSLT도 지원하지 않습니다.

20. AJAX의 장점과 단점은 무엇인가요?

1. 가장 큰 점은 페이지가 새로고침되지 않고, 사용자 경험이 매우 좋다는 점입니다.

2. 더 빠른 응답 기능으로 서버와 통신하려면 비동기 모드를 사용하세요.

3. 이전에 서버에서 부담했던 작업 중 일부를 클라이언트로 전송하여 클라이언트의 유휴 용량을 활용하여 처리할 수 있어 서버 및 대역폭의 부담을 줄이고 공간 및 광대역 임대 비용을 절약할 수 있습니다. 그리고 서버의 부담을 줄이기 위해 ajax의 원칙은 "요청 시 데이터를 가져오는 것"인데, 이는 중복된 요청과 응답으로 인해 발생하는 서버의 부담을 최소화할 수 있습니다.

4. 표준화되고 널리 지원되는 기술을 기반으로 플러그인이나 작은 프로그램을 다운로드할 필요가 없습니다.

ajax의 단점

1. Ajax는 브라우저 뒤로 버튼을 지원하지 않습니다.

2. 보안 문제 AJAX는 서버와의 상호 작용 세부 정보를 노출합니다.

3. 검색 엔진에 대한 지원이 상대적으로 약합니다.

4. 프로그램의 예외 메커니즘을 삭제했습니다.

5. 디버깅이 쉽지 않습니다.

위 내용은 에디터가 소개한 클래식 AJAX 면접 질문 20가지(꼭 알고 있어야 할 내용)입니다. 궁금한 점이 있으시면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해 드리겠습니다. . 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!