jquery get 예제

다음 예제에서는 $.get() 메서드를 사용하여 서버의 파일에서 데이터를 검색합니다. 다음 예제에서 jQuery 코드는 Ajax 요청을 “create-table.php”로 만들고 요청과 함께 서버에 몇 가지 추가 데이터를 보냅니다. 다음 예제에서는 jQuery $.get() 메서드를 사용하여 HTTP GET 메서드를 사용하여 “date-time.php” 파일에 Ajax 요청을 만듭니다. 서버에서 반환된 날짜와 시간을 검색하기만 하면 페이지를 새로 고칠 수 없습니다. 이제 jQuery를 사용하여 데이터 로드, 양식 제출 등과 같은 다양한 Ajax 작업을 수행하는 방법을 배웠습니다. 이 장을 마무리하기 전에 jQuery를 사용하여 국가 드롭다운에서 선택한 옵션에 따라 상태 또는 도시 드롭다운을 채우는 방법을 보여 주는 Ajax의 한 가지 고전적인 예제를 확인하십시오. 팁 : PC에서 로컬로 이러한 예제를 실행하는 동안 어려움에 직면하는 경우 솔루션에 대한 jQuery Ajax 로드에 대한 자습서를 확인하십시오. 논의할 두 번째 예제에서는 Joind.in 라는 서비스에서 일부 정보를 검색 하는 JSONP 요청을 만듭니다. 후자는 이벤트 참석자가 이벤트 및 세션에 대한 피드백을 남길 수 있는 웹 사이트입니다. 특히 , 나는 $.ajax() 함수를 사용하여 PHP 개발자의 눈으로 내 이야기 현대 프론트 엔드의 제목과 설명을 검색하는 코드 조각을 만들려고합니다. 이 예제는 요청된 HTML 스니펫을 가져오고 페이지에 삽입합니다.

위의 예에서 첫 번째 매개 변수는 데이터를 검색하려는 URL입니다. 여기서는 mydomain.com/data.txt 있는 txt 파일에서 데이터를 검색하려고 합니다. 기본 주소를 제공할 필요는 없습니다. 때때로, 우리는 우리가 만들고 싶은 Ajax 호출에 대한 더 많은 제어가 필요합니다. 예를 들어 Ajax 호출이 실패하거나 Ajax 요청을 수행해야 하지만 일정 시간 내에 검색된 경우에만 결과가 필요한 경우 수행할 작업을 지정하려고 합니다. 이러한 상황에서는 이 자습서의 주제인 $.ajax()라고 하는 jQuery에서 제공하는 다른 함수를 사용할 수 있습니다. 다음은 “create-table.php” 파일의 PHP 스크립트로, 단추 클릭에 사용자가 입력한 숫자에 대한 곱셈 테이블을 출력합니다. 선택적 데이터 매개 변수는 요청과 함께 보낼 일부 데이터를 지정합니다. HTTP GET 요청을 페이지로 보내고 결과를 다시 가져옵니다. 이 함수의 잠재력을 더 잘 이해하려면 코드 샘플을 사용하여 재생하고 옵션 매개 변수에서 허용하는 다른 옵션을 사용하도록 수정하는 것이 좋습니다.

자바 스크립트에 대한 자세한 내용을 보려면 사이트 포인트 프리미엄에서 자바 스크립트 책의 라이브러리를 확인하십시오. 즐거운 시간 보내세요! POST를 사용하여 서버에서 일부 데이터를 얻을 수도 있습니다. 그러나 POST 메서드는 데이터를 캐시하지 않으며 요청과 함께 데이터를 보내는 데 자주 사용됩니다. 그런 다음 요청 (이름 및 도시)과 함께 보낼 일부 데이터를 전달합니다. 우리는 result.php 파일에 PHP 콘텐츠를 다음과 가정 – 위의 조각에서, 나는 논의 속성의 몇 가지를 고용했다. 우선, 요청이 객체 리터럴의 속성 (URL)으로 전송되는 URL을 지정할 수있는 두 번째 형식의 $.ajax()를 사용하고 있음을 알 수 있습니다. Joind.in의 API는 JSONP 요청을 수락하기 때문에 위의 코드에서 dataType 속성을 지정하여 사용할 요청 유형을 설정합니다. 그런 다음 데이터 속성을 사용하여 API에서 요구하는 대로 서버에서 가져오려는 형식의 형식을 정의했습니다.

그러나 후자는 GET 요청의 쿼리 문자열의 일부로이 데이터를 필요로 하므로 형식 속성 설정 GET을 해당 값으로 지정합니다. 마지막으로 오류가 발생했을 때 메시지를 표시하는 오류 콜백과 성공 시 통화의 제목과 설명을 표시하는 성공 콜백을 작성했습니다. test.php(HTML 또는 XML)를 요청하여 결과를 경고합니다. 두 번째 매개 변수는 콜백 함수입니다.

Ο ΚΑΙΡΟΣ
facebook
facebook
ΑΡΙΘΜΟΣ ΕΠΕΣΚΕΠΤΩΝ
  • 0Total visitors:
  • Visitors today:
  • Visitors yesterday:
  • Visitors last week:
  • Visitors per month:
  • 0.00Visitors per day:
  • 0Visitors currently online: