아약스 로드() 메소드
번역 결과:
load
English [ləʊd]
n.Load; 부담하다; 채우다, 채우다
vi .로드 중
;아약스 로드() 메소드통사론
기능: load() 메서드는 AJAX 요청을 통해 서버에서 데이터를 로드하고 반환된 데이터를 지정된 요소에 배치합니다. load 라는 jQuery 이벤트 메서드도 있습니다. 어느 것이 호출되는지는 매개변수에 따라 다릅니다.
구문: load(url,data,function(response,status,xhr))
매개변수:
Parameters | Description |
url | 요청이 어떤 URL로 전송되었는지. |
데이터 | 선택사항. 요청과 함께 서버로 전송될 데이터를 지정합니다. |
기능(응답,상태,xhr) | 선택사항. 요청이 완료되면 실행할 함수를 지정합니다. 추가 매개변수: response - 요청의 결과 데이터를 포함합니다. status - 요청 상태("성공", "notmodified", "error", "timeout" 또는 "parsererror")를 포함합니다. xhr - XMLHttpRequest 개체를 포함합니다. |
설명: 이 방법은 서버에서 데이터를 가져오는 가장 간단한 방법입니다. 전역 함수가 아니고 암시적 콜백 함수가 있다는 점을 제외하면 $.get(url, data, Success) 와 거의 동일합니다. 성공적인 응답이 감지되면(예: textStatus가 "success" 또는 "notmodified"인 경우) .load()는 일치하는 요소의 HTML 콘텐츠를 반환된 데이터로 설정합니다. 이는 이 메소드의 대부분의 사용이 다음과 같이 간단하다는 것을 의미합니다: $("#result").load("ajax/test.html"); 콜백 함수가 제공되면 후처리 후에 실행됩니다. ("#result").load("ajax/test.html", function() {alert("Load was done.");});위의 두 예에서 현재 문서에 "result"가 포함되어 있지 않은 경우 " ID 인 경우 .load() 메서드는 실행되지 않습니다. 제공된 데이터가 객체인 경우 POST 메서드가 사용되며, 그렇지 않으면 GET 메서드가 사용됩니다.
아약스 로드() 메소드예
<!DOCTYPE html> <html> <head> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('需要加载的文档地址'); }) }) </script> </head> <body> <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3> <button id="btn1" type="button">获得外部的内容</button> </body> </html>