Метод jQuery load()

Методы AJAX jQuery

Метод 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);
　　　　}
　　});
});

Значение параметра

Методы AJAX jQuery