html5 ajax 예제

août 2, 2019 7:45 Publié par

surprise.html은 Ajax_example.html 내에서 로드할 파일입니다 – AJAX를 통해! 우리는이 작동 방식의 전체 예를 발표했다. 그것은 GitHub에 그리고 당신은 그것으로 재생 하도록 초대: 현대 브라우저에 대 한, 모든 작업은 서버에 위임. 브라우저는 당신을 위해 다른 모든 것을 한다. 최신 브라우저에서 원본 간 ajax 요청에 대한 코드는 동일한 원본 ajax 요청과 동일합니다. 그래서, 나는 jQuery 또는 네이티브 자바 스크립트에서 그 를 보여주는 귀찮게하지 않습니다. 방금 배운 모든 약어가 당신을 괴롭게하지 마십시오! 이 과정에서 지금까지 배운 많은 JavaScript 예제를 연습하는 간단한 AJAX 예제부터 시작하겠습니다. 이 시리즈의 다음 부분에서는 jQuery의 AJAX 관련 함수 및 메서드에 대해 살펴보겠습니다. 그런 다음 시리즈의 마지막 부분에서보다 복잡한 예제를 살펴보겠습니다. 지켜! 물론 처음부터 만들 필요는 없습니다. FormData 개체는 페이지에서 초기화할 수 있으며 페이지의 기존 HTMLFormElement에서 초기화할 수 있습니다.

예를 들어 모든 AJAX 요청에 대해 XMLHttpRequest 개체를 만들어야 합니다. 코드 예제에서 어떻게 보이는지 살펴보겠습니다. jQuery의 ajax 메서드 (및 연결된 모든 별칭)는 XMLHttpRequest에 대한 래퍼일 뿐입니다. XMLHttpRequest에 대한 종속성이 어렵습니다. 응용 프로그램이 example.com 따라 www.example2.com 데이터를 가져오려고 한다고 가정해 보겠습니다. 일반적으로 이러한 유형의 AJAX 호출을 시도하면 요청이 실패하고 브라우저에서 원본 불일치 오류가 발생합니다. CORS를 사용하면 www.example2.com 헤더를 추가하기만 하면 example.com 요청을 허용하도록 선택할 수 있습니다. 예를 들어, 여기에 example.com www.example2.com 할 수있는 요청입니다 : $.ajax() 메서드의 명확하지 않은 부분을 분해해 보겠습니다.

dataType 설정은 서버에서 수신하는 데이터가 처리되는 방식을 제어합니다. 따라서 서버의 JSON을 클라이언트 측의 자바 스크립트에서 텍스트로 처리하려면 이 값을 텍스트로 설정합니다. dataType 값을 전혀 설정하지 않으면 jQuery는 서버가 보낸 내용을 파악하고 지능적으로 변환하려고 시도합니다. JSON이라고 생각하면 자바 스크립트 개체로 바뀝니다. XML이라고 생각하면 네이티브 XMLDocument 자바 스크립트 객체로 바뀝니다. 위에서 제공 한 예제는 모든 ajax 관련 코드가 종속성을 당기지 않고 매우 쉽게 수행 할 수 있음을 보여줍니다. 그러나 확신이 없고 일부 아약스 도움을 위해 jQuery를 가져오고 싶지 않다면 체크 아웃 할 수있는 몇 가지 집중된 라이브러리가 있습니다.

Classés dans :Non classé

Cet article a été écrit par NotreSite

Les commentaires sont fermés.