아약스 로드() 메소드


  번역 결과:

load

English [ləʊd]

n.Load; 부담하다; 채우다, 채우다

vi .로드 중

;

아약스 로드() 메소드통사론

기능: load() 메서드는 AJAX 요청을 통해 서버에서 데이터를 로드하고 반환된 데이터를 지정된 요소에 배치합니다. load 라는 jQuery 이벤트 메서드도 있습니다. 어느 것이 호출되는지는 매개변수에 따라 다릅니다.

구문: ​​load(url,data,function(response,status,xhr))

매개변수:

ParametersDescription
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>

인기 추천

비디오

Q&A