English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
load() 메서드는 서버에서 데이터를 가져오고, 반환된 HTML을 선택된 요소에 삽입합니다.
load() 메서드는 서버에서 데이터를 가져오는 가장 간단한 방법입니다. 그것은 $.get(url, data, callback)와 비슷하지만, 전역 함수가 아니고 메서드이며 익명回调 함수를 가지고 있습니다.
요청 메서드:다음과 같이 설정하면,data객체로 제공되면 POST 메서드를 사용합니다. 그렇지 않으면 GET으로 가정합니다.
(selector).load(URL, data, callback)
ajax_intro.txt 파일의 내용을 DIV 요소에 로드합니다:
$("button").click(function(){
$("div").load("ajax_intro.txt");
});테스트 보기‹/›get()와 다른 점은 load() 메서드가 삽입할 수 있는 원격 문서의 일부를 지정할 수 있습니다:
$("button").click(function(){
$("div").load("/jquery/ajax_load.html #table");
});테스트 보기‹/›ajax_post.php 페이지를 로드하고 일부 데이터를 전송:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data);
});테스트 보기‹/›ajax_post.php 페이지를 로드하고 일부 데이터를 전송하고 상태 메시지를 알림:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data, function(response, status){
alert(status);
});
});테스트 보기‹/›Ajax 요청이 오류가 발생하면 알림을 표시합니다:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("#success").load("wrong_file.php", data, function(response, status, xhr){
if(status == "error"){
let msg = "죄송합니다, 오류가 발생했습니다: ";
$("#error").html(msg + xhr.status + " " + xhr.statusText);
}
});
});테스트 보기‹/›| 파라미터 | 설명 |
|---|---|
| URL | 요청하고 싶은 URL 지정 |
| data | 요청과 함께 서버로 보낼 순수 객체 또는 문자열(선택적) |
| callback | 요청이 완료되면 실행할 콜백 함수(선택적) 파라미터:
|