jQuery_jquery의 Ajax get, post 및 기타 메소드에 대한 자세한 설명-JS 튜토리얼-php.cn

jQuery_jquery의 Ajax get, post 및 기타 메소드에 대한 자세한 설명

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

풀어 주다： 2016-05-16 16:19:06

원래의

1258명이 탐색했습니다.

load() 메소드 는 일반적으로 웹 서버에서 정적 데이터 파일을 가져오는 데 사용되지만 이는 ajax의 전체 가치를 반영하지 않습니다.

프로젝트에서 일부 매개변수를 서버의 페이지에 전달해야 하는 경우 $.get() 또는 $.post() 메서드(또는 $.ajax() 메서드)를 사용할 수 있습니다.

$.get() 메소드 GET 메소드를 사용하여 비동기 요청을 수행합니다. 구조는 다음과 같습니다: $.get(url [, data] [, callback] [, type])

$.get() 메소드 매개변수는 다음과 같이 설명됩니다.

으로 추가됩니다.

매개변수 이름	유형	설명
URL	문자열	요청된 HTML 페이지의 URL 주소
데이터(선택)	객체	서버로 전송된 키/값 데이터는 요청 URL에 QueryString
콜백(선택)	기능	로딩 성공 시 콜백 함수가 호출되며(Response의 반환 상태가 성공인 경우에만 이 메서드가 호출됨) 요청 결과와 상태가 자동으로 이 메서드에 전달됩니다.
유형(선택)	문자열	xml, html, script, json, text 및 _default를 포함하여 서버에서 반환하는 콘텐츠 형식

$.post() 메소드.

$.post() 및 $.get() 메소드의 구조와 사용법은 동일하지만 여전히 다음과 같은 차이점이 있습니다.

GET 요청은 URL 뒤에 매개변수를 전달하는 반면, POST 요청은 HTTP 메시지의 엔터티 콘텐츠로 웹 서버에 전송됩니다.
GET 방식은 전송되는 데이터에 크기 제한이 있는 반면(보통 2KB 이하), POST 방식을 사용하여 전송되는 데이터의 양은 GET 방식보다 훨씬 큽니다(이론적으로는 제한되지 않음)
GET 방식으로 요청한 데이터는 브라우저에 캐시되므로 다른 사람이 브라우저 기록에서 계좌번호, 비밀번호 등의 데이터를 읽을 수 있습니다. 어떤 경우에는 GET 방식이 심각한 보안 문제를 일으키는 반면, POST 방식은 이러한 문제를 상대적으로 피할 수 있습니다
GET 방식과 POST 방식으로 전송된 데이터는 서버 측에서 다르게 획득됩니다.

$.getScript(): jQuery는 js 파일을 직접 로드할 수 있는 이 메서드를 제공합니다. 이는 HTML 조각을 로드하는 것처럼 간단하고 편리하며 JavaScript 파일 처리가 필요하지 않습니다. 자동으로 실행됩니다.

jQuery 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(함수 () {

           $("#send").click(function () {

               $.getScript("test.js");

        });

})

다른 ajax 메소드와 마찬가지로 $.getScript() 메소드에도 콜백 함수가 있는데, 이 함수는 JavaScript 파일이 성공적으로 로드된 후에 실행됩니다.

예: jQuery 공식 색상 애니메이션 플러그인(jquery.color.js)을 로드하고 성공 후 색상 변경 애니메이션을 요소에 바인딩하려는 경우:

코드 복사 코드는 다음과 같습니다.

<스타일>
* { 여백:0;}
            본문 { 글꼴 크기:12px;}
.comment { margin-top:10px; 테두리:1px solid #ccc;배경:#DDD;}
          .comment h6 { 글꼴 크기:700;}
          .para { margin-top:5px text-indent:2em 배경:#DDD;}
.block{너비:80px;높이:80px;배경:#DDD;}

저자별 최신 기사