javascript ajax 예제

다음 섹션에서 설명하는 이 함수에서 허용하는 옵션 목록은 매우 깁니다. 그래서, 나는 그들의 설명을 짧게 유지합니다. 그 의미를 심층으로 공부하려는 경우 $.ajax()의 공식 문서를 참조할 수 있습니다. Ajax는 인기가 있어 Ajax를 어느 정도 사용하지 않는 응용 프로그램을 거의 찾을 수 없습니다. 일부 대규모 아약스 기반 의 온라인 응용 프로그램의 예는 다음과 같습니다 Gmail, 구글지도, 구글 문서 도구, 유튜브, 페이스 북, 플리커, 그리고 너무 많은 다른 응용 프로그램. 지금 뭔가 더 가벼운 뭔가 원하는 경우, 난 단지 0.4 kb에서 microAjax 시도 것 이다: https://code.google.com/p/microajax/ 간단한 HTTP 요청함께 모두 넣어 하자. 자바스크립트는 “나는 시험이다”라는 문구가 들어 있는 HTML 문서 test.html을 요청합니다. 그런 다음 응답 내용을 경고합니다( ). 이 예제에서는 바닐라 자바스크립트를 사용하며 jQuery가 필요하지 않습니다. 또한 HTML, XML 및 PHP 파일은 동일한 디렉토리에 배치해야 합니다. 코드펜을 사용합니다. 다른 CodePen에서 HTML 또는 JSON 콘텐츠에 연결하여 예제를 테스트합니다.

여기에서 CodePen 및 AJAX에 대해 자세히 알아보기: https://blog.codepen.io/2013/09/23/ajax-codepen/ 때때로 우리가 만들고자 하는 Ajax 호출에 대한 더 많은 제어가 필요합니다. 예를 들어 Ajax 호출이 실패하거나 Ajax 요청을 수행해야 하지만 일정 시간 내에 검색된 경우에만 결과가 필요한 경우 수행할 작업을 지정하려고 합니다. 이러한 상황에서는 이 자습서의 주제인 $.ajax()라고 하는 jQuery에서 제공하는 다른 함수를 사용할 수 있습니다. 다음으로 HTTP 응답의 HTTP 응답 상태 코드를 확인합니다. 가능한 코드는 W3C에 나열됩니다. 다음 예제에서는 200 OK 응답 코드를 확인 하여 성공한 AJAX 호출과 실패한 AJAX 호출을 구분합니다. 위의 예에서 캐시된 결과를 얻을 수 있습니다. 이를 방지하려면 URL에 고유 ID추가: 모든 AJAX 요청에 대해 XMLHttpRequest 개체를 만들어야 합니다. 코드 예제에서 어떻게 보이는지 살펴보겠습니다. 아래 예제의 몇 가지에서 작은 조합하 고이 간단한 조각을 만든: jQuery $.ajax() 함수는 비동기 HTTP 요청을 수행 하는 데 사용 됩니다. 그것은 오래 전에 라이브러리에 추가 되었습니다., 버전 이후 기존 1.0. $.ajax() 함수는 앞에서 언급한 문서에서 설명하는 모든 함수가 미리 설정된 구성을 사용하여 장면 뒤에서 호출하는 기능입니다.

이 함수의 서명은 다음과 같습니다 : 필요에 $.ajax()를 구부리도록 지정할 수 있는 다양한 옵션이 있습니다. 아래 목록에서 자신의 이름과 설명이 알파벳 순서로 정렬된 것을 찾을 수 있습니다: Facebook 또는 Gmail을 사용한 시간을 생각해 보십시오. 전체 페이지를 다시 로드하지 않고 작업을 수행했습니다. 예를 들어 같은 페이지에 있는 동안 즉시 게시하는 댓글을 남겼습니다. 이것이 바로 AJAX가 허용하는 것입니다! surprise.html은 Ajax_example.html 내에서 로드할 파일입니다 – AJAX를 통해! 방금 배운 모든 약어가 당신을 괴롭게하지 마십시오! 이 과정에서 지금까지 배운 많은 JavaScript 예제를 연습하는 간단한 AJAX 예제부터 시작하겠습니다. 모든 jQuery AJAX 메서드는 ajax() 메서드를 사용합니다. 이 메서드는 주로 다른 메서드를 사용할 수 없는 요청에 사용 됩니다. 개체에는 사용할 수 있는 두 가지 주요 메서드가 있습니다. 이 예제에서는 이 스니펫을 업데이트하여 $.ajax() 함수를 사용하며 아래 와 같은 코드를 얻습니다. 다음은 함수를 사용하고 반환되는 약속을 처리하는 방법에 대한 예입니다: XMLHttpRequest 개체의 몇 가지 다른 속성을 모니터링합니다.