ajax jquery 예제

내가 준 예를 깨고 그것을 해결하기 위해 노력하도록 도전한다. 동시에 브라우저의 개발자 도구 모음을 사용하여 더 많은 통찰력을 얻으십시오. 주제를 철저히 배우는 가장 좋은 방법입니다. 이 예제에서는 JSONP 콜백을 사용하여 destinations.json(다른 도메인에 있음)을 로드합니다. 설명: 비동기 HTTP(Ajax) 요청을 수행합니다. 위의 예에서 ajax() 메서드의 첫 번째 매개 변수 `/getData`는 데이터를 검색하려는 URL입니다. $.ajax() 함수는 jQuery에서 보낸 모든 Ajax 요청의 기초가 됩니다. $.get() 및 .load()와 같은 몇 가지 상위 수준의 대안을 사용할 수 있고 사용하기 쉽기 때문에 이 함수를 직접 호출할 필요가 없습니다. 그러나 덜 일반적인 옵션이 필요한 경우 $.ajax()를 보다 유연하게 사용할 수 있습니다. ajax() 메서드는 jQuery XMLHttpRequest의 개체를 반환합니다. 다음 예제에서는 jQuery XMLHttpRequest 개체를 사용 하는 방법을 보여 주어 있습니다.

여러 번 사용자로부터 입력을 수집하고 추가 처리를 위해 해당 입력을 서버에 전달합니다. JQuery AJAX는 사용 가능한 모든 Ajax 메서드의 데이터 매개 변수를 사용하여 수집된 데이터를 서버에 쉽게 전달할 수 있도록 했습니다. 이 예제에서는 동일한 결과를 다시 전송하는 웹 서버 스크립트에 사용자 입력을 전달하는 방법을 보여 주며 이를 인쇄할 수 있습니다 . 개인 정보, 소셜 정보, 알림, 메시지 등과 같은 다양한 섹션을 사용하여 사용자의 프로필 정보를 표시하는 페이지를 빌드하려는 경우를 가정해 보세요. HTTP는 동사를 사용하여 얻기, 만들기, 업데이트 및 삭제와 같은 작업을 설명합니다. POST 동사는 일반적으로 리소스를 만드는 데 사용되며 이 구는 예제에서 사용할 동사입니다. 당신이 AJAX와 새로운 경우, 나는 당신이 더 진행하기 전에 우리의 Ajax 자습서를 통해 이동하는 것이 좋습니다 것입니다. 데모를 위해 AJAX 및 jQuery를 사용하여 사용자 로그인을 수행하는 예제를 빌드합니다. 먼저 기본 로그인 양식을 렌더링하는 다음 코드 조각에 표시된 대로 index.php 파일을 만들어 보겠습니다. 이 섹션에서는 AJAX를 사용하여 서버 측의 PHP 파일에서 JSON 콘텐츠를 가져오는 예제를 작성합니다. Ajax의 첫 번째 문자는 «비동기»를 의미하며, 이는 작업이 병렬로 발생하고 완료 순서가 보장되지 않음을 의미합니다.

$.ajax()에 대한 비동기 옵션은 기본값으로 true로 설정되며, 이는 요청이 이루어진 후에도 코드 실행을 계속할 수 있음을 나타냅니다. 이 옵션을 false로 설정하여 더 이상 비동기 호출을 하지 않도록 설정하면 브라우저가 응답하지 않는 것이 좋습니다. 일반적인 방법은 각 섹션에 대해 서로 다른 웹 페이지를 빌드하는 것입니다. 예를 들어 사용자는 소셜 정보 링크를 클릭하여 브라우저를 다시 로드하고 소셜 정보가 있는 페이지를 표시합니다. 이렇게 하면 사용자가 브라우저가 다시 로드될 때까지 기다려야 하고 페이지가 매번 다시 렌더링될 때까지 기다려야 하므로 섹션 간 탐색 속도가 느려집니다. 위의 예에서 첫 번째 매개 변수는 데이터를 제출하는 데 사용되는 URL입니다. 옵션 매개 변수에서 형식 옵션을 POST로 지정했기 때문에 ajax() 메서드가 http POST 요청을 보냅니다. 또한 서버에 제출될 데이터를 포함하는 JSON 개체로 데이터 옵션을 지정했습니다. jQuery 1.5에서 jQuery의 Ajax 구현에는 사전 필터, 전송 및 변환기가 포함되어 있어 많은 유연성으로 Ajax를 확장할 수 있습니다. $.ajax() 메서드에는 성공, 오류, 완료 및 이전 Send와 같은 AJAX 응답을 적절하게 처리하기 위해 연결할 수 있는 몇 가지 이벤트가 있습니다.

  • Información

    • Últimas Entradas

      가우스 법칙 예제

      내가 준 예를 깨고 그것을 해결하기 위해 노력하도록…

      피벗 예제

      내가 준 예를 깨고 그것을 해결하기 위해 노력하도록…

      페르미 추정 예제

      내가 준 예를 깨고 그것을 해결하기 위해 노력하도록…