load

« Обратно к странице функций Ajax

[редактировать]

load( url, [данные], [вызов] )

Загружает HTML из удаленного файла и встраивает его в объектную модель документа (DOM).
По умолчанию выполняется как запрос типа GET, однако, если будут переданы дополнительные данные в форме объекта, пар ключ/значение, то операция выполнится как запрос типа POST. Дополнительные параметры, указанные как строка, НЕ приведут к запросу типа POST.

Примечание: имейте ввиду, что Internet Explorer сохраняет загруженный файл, поэтому следует передать  какой-то случайный параметр GET для предотвращения кеширования данных в случае, если Вы и дальше планируете вызывать эту функцию.

Начиная с jQuery 1.2 можно указывать селектор в URL. Это позволит отфильтровать входной документ HTML встраивая лишь те элементы, которые удовлетворяют указанному селектору. Синтаксис приблизительно следующий «url #some > selector». Если ссылка содержит пробелы, то они должны экранироваться.

Аргументы:

url Строка
Ссылка на HTML документ.
данные (необязательно) Map,Строка
Пары ключ/значение, которые будут отосланы на сервер. Начиная с jQuery 1.3 может также передаваться строка данных. При указании строки, запрос будет типа GET, для всего остального — типа POST.
вызов (необязательно) Вызов
Функция, которая исполняется всякий раз после завершения запроса AJAX (необязательно удачно).

function (responseText, textStatus, XMLHttpRequest) {
  this; // dom element
}
Примеры:

Загружает меню навигации и встраивает его в пользовательский неупорядоченный список.
$("#links").load("/Main_Page #jq-p-Getting-Started li");
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
    $("#links").load("/Main_Page #jq-p-Getting-Started li");
  });
  </script>
  <style>body{ font-size: 11px; font-family: Arial; }</style>
</head>

<body>
  <b>jQuery Links:</b>
<ul id="links"></ul>
</body>
</html>
Загружает файл feeds.html и встраивает его в элемент div с ID «feeds».
$("#feeds").load("feeds.html");
<div id="feeds"><b>45</b> feeds found.</div>
Отсылает массив данных на сервер.
$("#objectID").load("test.php", { 'choices[]': ["Jon", "Susan"] } );
То же самое, что и в предыдущем примере, но дополнительные параметры передаются на сервер меотодом POST, после получения ответа от сервера выводится сообщение.
 $("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
 });
Name Type