Latest web development tutorials

Метод AJAX нагрузки () - Jquery

Метод JQuery нагрузки ()

Метод JQuery нагрузки () является простой, но мощный метод AJAX.

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

Синтаксис:

$(selector).load(URL,data,callback);

URLпараметры , необходимые для заранее определенного URL , который вы хотите загрузить.

Параметр Строка запроса определяет ключевые необязательныеданные, передаваемые вместе с парами запрос / значение.

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

Это пример содержимого файла ( "demo_test.txt") из: 

<h2>jQuery AJAX 是个非常棒的功能！</h2>
<p id="p1">这是段落的一些文本。</p>

Следующий пример файла "demo_test.txt" содержимое загружается в элемент указанного <div>:

примеров

$ ( "# Div1") нагрузки ( "demo_test.txt") .;

Попробуйте »

Вы можете также добавить селектор JQuery в параметре URL.

Элемент, следующий пример файла содержимого "demo_test.txt" ID = "p1", загружается в элемент указанного <div>:

примеров

$ ( "# Div1") нагрузки ( "demo_test.txt # p1") .;

Попробуйте »

Необязательный параметр обратного вызова определяет, когда метод загрузки () после завершения, чтобы разрешить функцию обратного вызова. Функция обратного вызова может задавать различные параметры:

  • responseTxt -содержит результат содержания вызова завершается успешно
  • statusTXT -содержит данные о состоянии вызова
  • XHR -содержит объект XMLHttpRequest

Следующий пример будет после того, как метод загрузки () для завершения отображения диалогового окна. Если метод загрузки () был успешным, он будет показывать "внешнее содержимое, загруженное успешно!", А если это не удается, появляется сообщение об ошибке:

примеров

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Попробуйте »