이번 글에서는 ajax에 대한 면접 질문과 답변을 주로 다루었습니다. 면접관들이 어떻게 질문을 했는지, 정답은 무엇인지 자세히 읽어보실 수 있습니다. 지금 이 글을 살펴보겠습니다
[관련 주제 추천: ajax 면접 질문(2020)]
1. 직장에서 백엔드와 상호 작용할 예정인가요? 그렇다면 캡슐화된 Ajax의 몇 가지 매개변수에 대해 이야기해 주실 수 있나요?
url: 요청을 보낼 주소입니다.
type: 요청 방법(게시 또는 가져오기)의 기본값은 가져오기입니다.
async: 동기식 비동기 요청, 기본값은 true, 모든 요청은 비동기식 요청입니다.
timeout: 시간 초과 설정(밀리초 단위)
data: 개체 또는 문자열 유형의 매개변수여야 하며 서버로 전송되는 데이터
cache: 기본값은 true(dataType이 스크립트인 경우 기본값은 false), false로 설정 요청 정보는 브라우저 캐시에서 로드되지 않습니다.
dataType: 서버에서 반환할 것으로 예상되는 데이터 유형입니다.
사용 가능한 유형은 다음과 같습니다.
xml: JQuery로 처리할 수 있는 XML 문서를 반환합니다.
html: 일반 텍스트 HTML 정보를 반환합니다. 포함된 스크립트 태그는 DOM에 삽입될 때 실행됩니다.
script: 일반 텍스트 JavaScript 코드를 반환합니다. 결과는 자동으로 캐시되지 않습니다.
json: JSON 데이터를 반환합니다.
jsonp: JSONP 형식. myurl?callback=?과 같은 JSONP 형식을 사용하여 함수를 호출하면 JQuery는 자동으로 마지막 "?"를 올바른 함수 이름으로 대체하여 콜백 함수를 실행합니다.
text: 일반 텍스트 문자열을 반환합니다.
success: 요청이 성공한 후 호출되는 콜백 함수에는 두 개의 매개변수가 있습니다.
(1) 서버에서 반환되고 dataType 매개변수에 따라 처리되는 데이터입니다.
(2) 상태를 설명하는 문자열입니다.
오류: 매개변수는 함수 유형이어야 하며, 요청이 실패하면 함수가 호출됩니다. 이 함수에는 3개의 매개변수가 있습니다
(1) XMLHttpRequest 객체
(2) 오류 메시지
(3) 캡처된 오류 객체(선택 사항)
complete :function(XMLHttpRequest, status){ //요청이 완료된 후 Final 실행 매개변수
2.json 데이터 형식을 처리하는 방법 이전 작업에 고정된 형식이 있나요? 데이터의 일부 데이터를 삭제하라는 요청을 보내는 경우 삭제가 성공했는지 어떻게 알 수 있나요? ? 아니면 삭제 후 어디에 표시되나요?
JSON.parse() JSON 개체로 변환하고 데이터에 따라 구문 분석하여 페이지에 넣습니다. 형식: 접합된 JSON 문자열과 결합된 {} 및 [] 데이터 삭제 요청을 보내면 백그라운드에서 처리 결과가 반환되고 프런트엔드는 반환된 결과를 기준으로 성공 여부를 판단한 다음 페이지 요소를 처리합니다. 3. IE 브라우저에서 배경 이미지 데이터는 변경되었지만 클라이언트는 변경되지 않은 경우를 경험해 보셨나요? 그는 브라우저의 캐시 JQuery.ajax() 메서드에서 캐시를 false로 설정하면 요청이 브라우저 캐시에서 로드되지 않으며 또는 post 메서드를 사용하여 데이터를 요청하면 매번 캐시되지 않는다는 점을 상기시켰습니다. 데이터 요청 4. 탭 구현 아이디어마우스 호버 시간, 호출 방법, 이를 전달, 모든 탭 내용을 부분적으로 숨기기, 이에 대한 표시 작업 수행, 표시 제어
5. 일반적으로 지역 데이터는 2차원 배열을 사용하여 저장되며, 이는 백그라운드에서 가져와 나중에 저장됩니다.
Bootstrap은 HTML5 및 CSS3를 기반으로 개발되었으며, jQuery를 기반으로 하여 더욱 개인화되고 인간화되었습니다. 태그에 반응형 클래스만 추가하면 됩니다. Bootstrap 고유의 웹사이트 스타일 세트이며 대부분의 jQuery 플러그인과 호환됩니다.
8.Angularjs와 JQ의 차이점JQ를 먼저 받아서 사용해 보세요. Angularjs를 직접 사용하세요9 JQmobile과 JQ의 차이점jQuery Mobile 是创建移动 web 应用程序的框架。jQuery Mobile 适用于所有流行的智能手机和平板电脑。jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局
(1) jQuery는 주로 선택기, 속성 수정, 이벤트 바인딩 등을 제공하는 js 라이브러리입니다.
(2) jQuery UI는 jQuery를 기반으로 하고 jQuery의 확장성을 활용하여 설계된 플러그인입니다. 대화 상자, 끌기 동작, 크기 조정 동작 등과 같이 일반적으로 사용되는 일부 인터페이스 요소를 제공합니다.
(3) jQuery 자체는 배경에 중점을 두고 아름다운 인터페이스가 없는 반면, jQuery UI는 전자의 단점을 보완하여 사람들이 쉽게 받아들일 수 있도록 해줍니다. 파워풀한 백스테이지와 화려한 프론트스테이지가 모두 존재합니다. jQuery UI는 jQuery 플러그인이지만, 구체적으로는 jQuery가 공식적으로 유지관리하는 UI 지향 플러그인을 가리킨다.
10. ajax의 네 부분:
var xmlhttp = new XMLHttpRequest(); xmlhttp.open("post||get","URL",true||false); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.onreadystatechange = callBack; xmlhttp.send(null);
11. ajax가 받는 데이터 유형은 무엇인가요?
String
JSON string
JSON 객체
12. Ajax가 필요한 곳과 그렇지 않은 곳은 무엇인가요? 페이지가 점프하거나 새로고침되지 않을 때, 데이터가 비동기적으로 처리될 때, 양식이 자동으로 보완되는 기능 ---- AJAX를 사용하고, 제출한 후에는 더 이상 원본 페이지를 사용하지 않습니다. Ajax
장점:
. 데이터 업데이트 시 새로 고침이 없습니다.
AJAX의 가장 큰 장점은 전체 페이지를 새로 고치지 않고도 서버와 통신하여 데이터를 유지할 수 있다는 것입니다. 이를 통해 웹 애플리케이션은 사용자 상호 작용에 더 빠르게 응답하고 네트워크를 통해 변경되지 않은 정보를 전송하지 않으므로 사용자 대기 시간이 줄어들고 매우 우수한 사용자 경험을 제공할 수 있습니다.
. 서버와 비동기식으로 통신합니다.
AJAX는 비동기 방식을 사용하여 사용자의 작업을 방해하지 않고 서버와 통신하며 더 빠른 응답 기능을 제공합니다. 브라우저와 서버 간의 통신을 최적화하여 불필요한 데이터 전송, 네트워크의 시간 및 데이터 트래픽을 줄입니다.
. 프런트엔드 및 백엔드 로드 밸런싱.
AJAX는 클라이언트의 유휴 용량을 활용하여 이전에 서버에서 부담했던 작업 중 일부를 클라이언트로 전송하여 처리할 수 있어 서버 및 대역폭의 부담을 줄이고 공간 및 광대역 임대 비용을 절약할 수 있습니다. 그리고 서버의 부담을 줄이기 위해 AJAX의 원칙은 "요청 시 데이터 가져오기"로, 중복된 요청과 응답으로 인해 발생하는 서버의 부담을 최소화하고 사이트 성능을 향상시킬 수 있습니다.
. 표준에 따라 광범위하게 지원됩니다.
AJAX는 표준화되고 널리 지원되는 기술을 기반으로 하며 브라우저 플러그인이나 애플릿을 다운로드할 필요는 없지만 고객은 브라우저에서 JavaScript가 실행되도록 허용해야 합니다. Ajax가 성숙해짐에 따라 Ajax 사용을 단순화하는 일부 프로그램 라이브러리도 나왔습니다. 마찬가지로 프로그래밍을 지원하는 또 다른 기술이 등장하여 JavaScript를 지원하지 않는 사용자에게 대체 기능을 제공합니다.
.인터페이스와 애플리케이션의 분리.
Ajax는 WEB에서 인터페이스와 애플리케이션을 분리(데이터와 프리젠테이션을 분리라고도 할 수 있음)하여 분업과 협력에 도움이 되며, 비기술 인력이 페이지를 수정하여 발생하는 WEB 애플리케이션 오류를 줄이고, 효율성이 뛰어나 현재 출판 시스템에 더 적합합니다.
단점:
.AJAX는 뒤로 및 기록 기능을 종료합니다. 이는 브라우저 메커니즘을 파괴합니다. .AJAX 보안 문제. 이 글은 여기에서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트AJAX 사용자 매뉴얼 컬럼을 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요.
동적으로 업데이트되는 페이지의 경우 브라우저는 기록에서 정적 페이지만 기억할 수 있기 때문에 사용자는 이전 페이지 상태로 돌아갈 수 없습니다. 완전히 읽힌 페이지와 동적으로 수정된 페이지 사이의 차이는 매우 미미합니다. 사용자는 뒤로 버튼을 클릭하면 이전 작업이 취소될 것이라고 기대하는 경우가 많지만 Ajax 애플리케이션에서는 이것이 불가능합니다.
뒤로 버튼은 표준 웹사이트의 중요한 기능이지만 js에서는 잘 작동하지 않습니다. 이는 Ajax로 인해 발생하는 심각한 문제입니다. 사용자가 이전 작업으로 돌아가서 취소하려는 경우가 많기 때문입니다. 그렇다면 이 문제에 대한 해결책은 없을까? 대답은 '예'입니다. Gmail에서 사용되는 Ajax 기술이 이 문제를 해결한다는 것을 알고 있습니다. 하지만 Ajax의 메커니즘은 바뀌지 않습니다. 이를 수행하는 방법은 사용자가 기록에 액세스하기 위해 뒤로 버튼을 클릭할 때 숨겨진 IFRAME을 생성하거나 사용하여 페이지의 변경 사항을 재현하는 것입니다. (예를 들어 사용자가 Google 지도에서 다시 클릭하면 숨겨진 IFRAME에서 검색한 다음 검색 결과를 Ajax 요소에 반영하여 애플리케이션 상태를 당시의 상태로 복원합니다.)
하지만, 문제가 해결될 수 있지만 이로 인해 발생하는 개발 비용은 매우 높으며 Ajax 프레임워크에서 요구하는 신속한 개발에 어긋납니다. 이는 Ajax로 인해 발생하는 매우 심각한 문제입니다.
관련 요점은 동적 페이지 업데이트를 사용하면 사용자가 특정 상태를 즐겨찾기에 저장하기 어렵다는 것입니다. 이 문제에 대한 솔루션도 등장했습니다. 대부분은 URL 조각 식별자(종종 앵커라고 함, URL에서 # 다음 부분)를 사용하여 추적을 유지하고 사용자가 지정된 애플리케이션 상태로 돌아갈 수 있도록 합니다. (많은 브라우저에서는 JavaScript가 앵커를 동적으로 업데이트할 수 있도록 허용하므로 Ajax 애플리케이션이 표시된 콘텐츠를 업데이트하는 동안 앵커를 업데이트할 수 있습니다.) 이러한 솔루션은 뒤로 버튼을 지원하지 않는 것과 관련된 많은 논쟁도 해결합니다. (자세한 내용을 보고 싶으시면 PHP 중국어 홈페이지AJAX 개발 매뉴얼 칼럼을 참고하세요)
AJAX 기술은 사용자에게 좋은 사용자 경험을 제공할 뿐만 아니라 IT 기업에 새로운 보안 위협을 가져옵니다. Ajax 기술은 기업 데이터에 대한 직접적인 채널을 구축하는 것과 같습니다. 이를 통해 개발자는 이전보다 더 많은 데이터와 서버 로직을 실수로 노출할 수 있습니다. Ajax 로직은 클라이언트측 보안 스캐닝 기술에서 숨겨질 수 있으므로 해커가 원격 서버에서 새로운 공격을 생성할 수 있습니다. 또한 Ajax는 크로스 사이트 스크립팅 공격, SQL 주입 공격, 자격 증명 기반 보안 취약점과 같은 일부 알려진 보안 약점을 피하기가 어렵습니다.
. 검색 엔진에 대한 지원이 약합니다.
검색 엔진에 대한 지원이 상대적으로 약합니다. 부적절하게 사용하면 AJAX는 네트워크 데이터 트래픽을 증가시켜 전체 시스템 성능을 저하시킵니다.
. 프로그램의 예외 처리 메커니즘을 파괴합니다.
적어도 현재로서는 Ajax.dll 및 Ajaxpro.dll과 같은 Ajax 프레임워크가 프로그램의 예외 메커니즘을 파괴합니다. 이 문제에 대해서는 개발 과정에서 접한 적이 있는데, 확인해보니 인터넷상에 관련 소개가 거의 없는 것 같습니다. 나중에 우리는 실험을 수행하고 Ajax와 전통적인 양식 제출 모드를 사용하여 데이터 조각을 삭제했는데... 이는 디버깅에 큰 어려움을 가져왔습니다.
. URL 및 리소스 위치 지정의 원래 의도에 어긋납니다.
예를 들어, 제가 URL 주소를 알려준다면, Ajax 기술이 사용된다면 URL 주소 아래에 보이는 것과 이 URL 주소 아래에 보이는 것이 다를 수도 있습니다. 이는 자원 포지셔닝의 원래 의도에 어긋납니다.
.AJAX는 모바일 기기를 잘 지원하지 않습니다.
일부 휴대용 장치(예: 휴대폰, PDA 등)는 현재 Ajax를 잘 지원하지 않습니다. 예를 들어 모바일 브라우저에서 Ajax 기술을 사용하여 웹 사이트를 열면 현재 지원하지 않습니다.
. 클라이언트가 너무 뚱뚱하고 클라이언트 코드가 너무 많으면 개발 비용이 발생합니다.
글이 복잡하고 오류가 발생하기 쉽습니다. 중복된 코드가 많습니다(레이어에 js 파일을 포함하는 것은 AJAX의 일반적인 문제이며 과거에는 많은 서버 측 코드가 현재 클라이언트) 웹의 원래 표준을 파괴합니다.
위 내용은 일반적인 AJAX 면접 질문은 몇 개나 알고 있나요? 12가지 일반적인 Ajax 인터뷰 질문과 답변의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
