Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").load("testfile.txt");
   });
   $("#but2").click(function(){
      $("#par2").load("testfile.txt",function(){alert("Запрос успешно исполнен")});
   });
   $("#but3").click(function(){
      $("#par3").load("add.php","x=10&y=6");
   });
   $("#but4").click(function(){
      $("#par4").load("filterex.html #show");
   });
   $("#but5").click(function(){
      $("#par4").load("filterex.html");
   });

});

Определение и использование

Метод load позволяет загрузить данные с удаленного сервера и вставить их в содержимое выбранного элемента.

Вы можете отфильтровать полученные в результате запроса данные указав необходимый селектор в запрашиваемом URL (отделив его пробелом). К примеру если Вы хотите получить только абзацы со страницы example.html необходимо вызвать метод load со следующим url: example.html p.

Обратите внимание: если Вы передаете данные серверу как строку (например "x=4&y=5") будет использован GET запрос, если Вы передаете данные как объект (например {x:4,y:5}) будет использован запрос POST.

Синтаксис

$(селектор).load(url,данные,function(ответ,статус,xhr))

селектор (обязательный параметр) Выбирает элемент, в который будут вставлены загруженные с сервера данные.

url (обязательный параметр) Указывает URL, на который будет отправлен запрос.

данные (необязательный параметр) Указывает данные, которые будут отправлены на сервер вместе с запросом.

function (необязательный параметр) Функция, код которой будет выполнен если запрос будет успешно совершен.

ответ (необязательный параметр функции) Содержит ответ сервера.

статус (необязательный параметр функции) Содержит статус выполнения запроса.

xhr (необязательный параметр функции) Содержит объект XMLHttpRequest.