Jquery 비동기 요청은 무엇을 의미합니까?

jquery 비동기 요청은 브라우저가 서버에 요청을 보낸 후 서버 응답이 반환될 때까지 기다리지 않고 언제든지 다음 요청을 보낼 수 있음을 의미합니다. 즉, 요청이 전송되기 전의 데이터가 손실되지 않습니다. 페이지를 부분적으로 새로 고칠 수 있습니다. Ajax, "$.get()", "$.post()" 및 "$.getJSON()"을 사용하여 비동기 요청을 구현할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery 비동기 요청은 무엇을 의미하나요?

비동기 요청

브라우저가 서버에 동기 요청을 보낼 때 서비스가 동기 요청을 처리하는 동안 브라우저는 대기 상태에 있게 됩니다. 브라우저는 브라우저 메모리의 원래 데이터를 덮어쓰고, 브라우저는 페이지를 다시 로드하여 서버의 응답 데이터를 표시합니다.

그럼, 서버가 요청을 처리하는 동안 브라우저가 서버에 요청을 보낼 수 있는 기술이 있나요? 브라우저는 대기 상태가 아니며, 응답을 받는 동안 브라우저가 전체 페이지를 다시 로드하지 않습니다. 요청이 전송되기 전에 데이터를 잃지 않고 페이지를 부분적으로 새로 고칠 수 있는 방법은 무엇입니까? 그런 다음 ajax 요청을 사용해야 합니다 - 비동기 요청 모델

동기 요청은 요청을 보낸 후 다음 요청을 보내기 전에 서버 응답이 반환될 때까지 기다려야 함을 의미합니다.

비동기 요청은 동기 요청과 반대입니다. 비동기 요청은 응답을 기다릴 필요가 없으며 언제든지 다음 요청을 보낼 수 있습니다.

jQuery 비동기 요청의 네 가지 방법

첫 번째 Ajax 요청:
서버에 데이터 저장, 성공 시 정보 표시

$.ajax({
 type: “POST”,
 url: “some.php”,
 data: “name=John&location=Boston”,
 success: function(msg){
 alert( "Data Saved: " + msg );
 }
 });

참고:
l 유형: (기본값: "GET"), 요청 방법( "POST" 또는 "GET") 다른 요청 방법은 일부 브라우저에서만 지원됩니다.
l url: (기본 현재 페이지 주소) 요청을 보낼 주소입니다.
l 데이터: 저장된 데이터입니다.
l 성공: 요청 후 호출되며, 반환된 데이터와 성공 코드가 포함된 문자열이 전송됩니다.
l Function()은 컨트롤러 측에서 선언된 전역 변수를 저장해야 합니다.

두 번째 $.get() 요청:
(원격 HTTP GET 요청을 통해 정보 로드. 이는 간단한 GET 요청 함수입니다. $.ajax. 요청 성공 시 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.)
설명:
test.php 반환 값을 표시합니다(HTML 또는 XML에 따라 다름). 반환 값에 따라).
jQuery 코드:

$.get(“test.php”, function(data){
 alert("Data Loaded: " + data);
 });

세 번째 $.post() 요청:
(원격 HTTP POST 요청을 통해 정보 로드)
설명:
요청된 페이지의 결과를 출력합니다. test.php(HTML 또는 XML, 기반(기반) 반환된 콘텐츠에 대해):
jQuery 코드:

$.post(“test.php”, function(data){
 alert("Data Loaded: " + data);
 });

네 번째 $.getJSON() 요청:
(HTTP GET 요청을 통해 JSON 데이터 로드)
jQuery 코드:

$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
 =json&jsoncallback=?”, function(data){
 $.each(data.items, function(i,item){
 $("").attr(“src”, item.media.m).appendTo("#images");
 if ( i == 3 ) return false;
 });
 });

참고:

l $.getJSON () 요청이 처음 세 개와 다릅니다. 컨트롤러에 반환되는 것은 콘텐츠가 아니라 JSON 형식의 코드입니다

추천 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 Jquery 비동기 요청은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!