Метод jQuery .load ()

Метод load () jQuery «загружает» данные из указанного источника / сервера и помещает возвращенные данные в указанный элемент, например, загружает данные в <p> или <div> или другие элементы DOM.

$(“Specified_element”).load( url, data ,callback_function_ complete )
URL:  это строка, определяющая сервер, на который отправляется запрос. Это обязательный параметр.
data: данные для отправки на сервер вместе с HTTP-запросом. Например, данные, которые будут использоваться для запроса идентификатора пользователя / пароля с сервера базы данных. Это необязательный параметр.
callback function: Необязательный параметр. После завершения запроса эта функция будет выполняться, если она задана.
Пример 1
Метод jQuery load () очень прост в использовании. В примере ниже показано, как текст в Div, отображаемый после нажатия кнопки, загружается из  файла ajaxexample.txt . 
Создайте и поместите  файл ajaxexample.txt в тот же каталог, где метод load () используется с любыми данными текстового примера.

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$("#loaddata").click(function(){
        $("#ajaxrequest").load("ajax/ajaxexample.php");
    });
});
</script>
<div id="ajaxrequest"><h4>Пусть jQuery AJAX изменит этот текст</h4></div>
<button id="loaddata">Получить внешний контент</button>

Пусть jQuery AJAX изменит этот текст
Получить внешний контент


Пример 2

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
   $("#but1").click(function(){
      $("#par1").load("ajax/add.php","x=4&y=5");
})
});             
</script>                                                      
<p id="par1">После нажатия на кнопку в данном поле будет 
отображен результат выполнения скрипта add.php (суммы x=4&y=5)</p>
<input id="but1" type="button" value="Передать данные скрипту">
===================================
add.php
===================================
$x = $_REQUEST['x']; 
$y = $_REQUEST['y']; 
if(!empty($y)&&!empty($x)){ 
$z=$x+$y;
echo $z; 
}
else{ echo "Ошибка в отправлении запроса"; }

После нажатия на кнопку в данном поле будет 
отображен результат выполнения скрипта add.php (суммы x=4&y=5)



<script type="text/javascript">   
$(document).ready(function(){
   $("#but1").click(function(){ 
      $("#par1").load("img.php","img="+$("#txtartikul").val()+".jpg"); 
})  
   $("#but2").click(function(){ 
      $("#par2").load("img.php","img="+$("#txtartikul").val()+"_2.jpg"); 
})
   $("#but3").click(function(){ 
      $("#par3").load("img.php","img="+$("#txtartikul").val()+"_3.jpg"); 
})
});             
</script>