ajax 예제 javascript

이전 예제에서는 HTTP 요청에 대한 응답을 받은 후 test.html 파일의 내용을 포함하는 요청 개체의 responseText 속성을 사용했습니다. 이제 응답XML 속성을 시도해 보겠습니다. 개체에는 사용할 수 있는 두 가지 주요 메서드가 있습니다. 코드펜 사용 예제에서는 둘 다 사용했습니다. 다른 CodePen에서 HTML 또는 JSON 콘텐츠에 연결하여 예제를 테스트합니다. CodePen 및 AJAX에 대한 자세한 내용은 여기에서 확인할 수 있습니다: https://blog.codepen.io/2013/09/23/ajax-codepen/ 모든 장에서 온라인으로 예제를 편집하고 버튼을 클릭하여 결과를 볼 수 있습니다. 당신이 당신의 필요에 $.ajax()를 구부리도록 지정할 수 있는 다양한 옵션이 많이 있습니다. 아래 목록에서 당신은 알파벳 순서로 정렬 자신의 이름과 설명을 찾을 수 있습니다 : surprise.html은 우리가 ajax_example.html 내에서로드 할 파일입니다 – AJAX를 통해! 서버를 설정하면 예제를 통해 작업하는 데 필요한 파일 구조는 다음과 같습니다. 코드 예제에서 어떻게 보이는지 살펴보겠습니다. 모든 jQuery AJAX 메서드는 ajax() 메서드를 사용합니다. 이 메서드는 주로 다른 메서드를 사용할 수 없는 요청에 사용 됩니다.

XMLHttpRequest 개체의 몇 가지 다른 속성을 모니터링합니다. 먼저 readyState 속성은 요청의 상태를 지정합니다. AJAX 전체에서 값 변경을 호출하고 0에서 4까지값을 수신할 수 있습니다(예: 값 4는 응답 데이터를 사용할 수 있음을 의미함). 둘째, 상태 속성은 요청이 성공했는지 여부를 나타냅니다(예: 값 200은 성공적인 요청을 정의합니다). 이 예제에서는 응답 데이터를 검색하고 AJAX 호출이 성공했다고 가정하면 대상 요소의 내용을 업데이트합니다. 그렇지 않으면 XMLHttpRequest 개체에서 추출된 정보가 있는 메시지가 표시됩니다. GET 요청은 일반적으로 데이터베이스의 조작이나 변경이 필요하지 않은 서버에서 일종의 정보를 가져오거나 검색하는 데 사용됩니다(예: 용어에 따라 검색 결과 가져오기, ID 또는 이름에 따라 사용자 세부 정보 가져오기 등). 이 문서에서는 AJAX 기본 사항에 대해 안내하고 시작하는 데 필요한 두 가지 간단한 실습 예제를 제공합니다. 위의 스니펫에서, 나는 논의 된 속성의 몇 가지를 고용했다. 우선, 요청이 객체 리터럴의 속성 (URL)으로 전송되는 URL을 지정할 수있는 두 번째 형식의 $.ajax()를 사용하고 있음을 알 수 있습니다. Joind.in의 API는 JSONP 요청을 수락하기 때문에 위의 코드에서 dataType 속성을 지정하여 사용할 요청 유형을 설정합니다.

그런 다음 데이터 속성을 사용하여 API에서 요구하는 대로 서버에서 가져오려는 형식의 형식을 정의했습니다. 그러나 후자는 GET 요청의 쿼리 문자열의 일부로이 데이터를 필요로 하므로 형식 속성 설정 GET을 해당 값으로 지정합니다.