자바스크립트 메소드 가져오기

| | |

HTTP 요청을 사용하는 것은 웹 애플리케이션 구축의 초석 중 하나입니다. HTTP 요청을 사용하면 사용자 입력에서 데이터를 캡처하고 백엔드를 통해 서버로 보낼 수 있습니다. 그런 다음 응답이 반환됩니다.

때때로 이러한 요청은 POST 요청과 같이 데이터베이스에 저장된 데이터를 보냅니다. 다른 일반적인 요청은 응답을 받아 사용자에게 보여줍니다. 이것을 GET 요청이라고 합니다. jQuery에는 요청 전송을 단순화하는 get() 메서드가 있습니다.

jQuery get()이란 무엇입니까?

jQuery get()는 URL 끝점에 GET 요청을 보내고 응답을 받는 메서드입니다. 응답은 서버에서 반환된 데이터입니다. POST 요청과 달리 GET 요청은 서버에서 기존 데이터만 수신합니다. 데이터베이스에 아무 것도 저장하지 않습니다.

GET 요청은 데이터의 특정 하위 집합을 요청하고 이를 사용하여 작업을 수행하는 데 유용합니다. 예를 들어 전자 상거래 앱을 만드는 경우 제품에 액세스하기 위해 URL 끝점에 GET 요청을 보냅니다. 우리는 응답으로 받은 데이터를 가져와서 구매할 수 있는 모든 제품에 대한 탭 형식의 프레젠테이션을 만들 수 있습니다.

jQuery get()은 URL에 대한 요청 및 응답으로 데이터 수신. 이제 개발자는 서버의 데이터에 액세스할 수 있으며 사용자가 원하는 대로 데이터를 표시하도록 선택할 수 있습니다.

GET 요청이 무엇인지 알았으므로 구문을 살펴보겠습니다. get() 메소드.

get() jQuery 구문

jQuery를 사용하면 GET 요청을 쉽게 보낼 수 있습니다. get()은 URL을 문자열로 받고 콜백 함수로 데이터를 받습니다. 기본적으로 콜백 함수는 나중에 실행할 메소드에 전달되는 함수입니다.

콜백에 대한 자세한 설명은 도움말 .

get()이 허용하는 몇 가지 선택적 인수가 있지만 가장 일반적으로 사용되는 것은 URL과 콜백 함수입니다.

전자상거래의 예에 따라 get()을 사용하여 기본 GET 요청이 어떻게 보이는지 살펴보겠습니다.

get() 를 호출하고 URL을 문자열로 전달합니다. 요청은 제품 인덱스 페이지로 전송되고 서버는 데이터를 반환합니다. 콜백 함수는 일부 인수를 허용하지만 데이터와 상태는 우리의 목적에 충분합니다.

데이터는 요청에 의해 수신된 데이터를 나타냅니다. 이 예에서는 콘솔에 반환된 내용만 표시합니다. jQuery는 특정 유형의 데이터를 인식하도록 만들어졌지만 JSON 개체를 얻을 가능성이 큽니다.

JSON 개체에서 원하는 정보를 추출하려면 추가 코드가 필요합니다. 어떻게 하는지 봅시다.

jQuery get() 예제

예를 들어 재미있는 API를 사용합시다. 이 사이트는 현재 우주에 얼마나 많은 우주 비행사가 있는지 알려줍니다! 그것은 또한 우리에게 이름과 우주선을 제공합니다. URL을 get()에 전달하여 시작하겠습니다.

요청을 보낼 때 , 우리는 콘솔에 이 응답을 기록합니다.

URL에서 서버에서 반환된 JSON 개체를 얻을 수 있다는 것을 이미 알고 있습니다. 콘솔에 "메시지", "숫자" 및 "사람" 키가 표시됩니다. 성공 메시지의 값은 오류 처리에 도움이 됩니다.

숫자는 공간에 있는 사람의 수를 나타냅니다. " People "은 개체 배열을 포함하는 값을 가리킵니다. 거기에서 " people `" 테이블을 반복하고 해당 정보를 사용자에게 목록으로 표시할 수 있습니다. 이러한 방식으로 데이터를 검색하면 개발자가 서버에서 반환된 데이터를 표시하는 방법을 자유롭게 선택할 수 있습니다.

결론

GET 요청이 무엇이며 jQuery가 이를 빠르고 쉽게 만드는 방법을 살펴보았습니다. 일반적인 구문 방식에 익숙해지면 get()이 실제로 작동하는 것을 보았습니다. 콜백 함수의 본문에서 데이터를 반복하고 렌더링할 수 있다는 점에 유의하는 것이 중요합니다.

여기에서 간단한 API를 연구하고 연습할 작은 프로젝트를 만드는 것이 재미있는 프로젝트가 될 수 있습니다. GET 요청을 만들고 해당 데이터를 시각화합니다. 즐겁게 데이터를 받고 보는 것이 전문 개발자가 되기 위한 시작입니다.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method