Преглед на методите на jQuery Ajax

Нека първо разпространим думите jQuery и ajax и знаем буквалното значение на всяка от тях. JQuery е библиотеката с JavaScript, която е много лека и тя само ни казва да пишем по-малко да правим повече. Но преди да дойдете на jQuery, трябва да знаете основи за html, CSS и javascript. Основната задача на jQuery е да улесни задачата на програмиста да рендерира Javascript на браузъра с много голяма лекота и за много малко време. С лесна дума можем да кажем, че jQuery превръща тежка линия от JavaScript код в един ред код, използвайки методите на jQuery. jQuery опростява и сложния javascript код, манипулация на dom и ajax повикване.

Следните функции са налични в jQuery, които са изброени по-долу:

  • Методи за HTML събитие
  • CSS манипулация
  • DOM / HTML манипулация
  • AJAX
  • Ефекти и анимации
  • комунални услуги

Мисля, че сега имате много основни познания за jQuery, така че нека да стигнем до значението на AJAX. Ajax означава асинхронен javascript и XML (обширен език за маркиране). Ajax е най-простият и лесен начин за създаване на динамични уеб страници. Ajax просто ни казва, че обменяме данни, без да опресняваме уеб страницата. Това означава, че можем да обменяме малко количество данни със сървъра, без да опресняваме страницата или с други думи, можем да кажем, че ajax актуализира уеб страницата, без да презареждаме страницата. В класическите уеб страници те трябва да заредят цялата страница, ако искат да обменят данни със сървъра или искат да актуализират частта от уеб страницата. Нека да обсъдим накратко как работи.

Така че основно това, което се случва, всеки път, когато се случи събитие, браузърът създава XMLHttpRequest обект и изпраща HttpRequest на сървъра. Тогава сървърът обработва този HTTPRequest и създава отговор и изпраща данни обратно в браузъра. Сега браузърът обработва върнатите данни с помощта на JavaScript и актуализира съдържанието на страницата.

Така че след като разберете и двете думи, сега е време да обсъдите темата. И така, какво е jQuery ajax? jQuery предоставя много методи, които помагат при актуализиране на уеб страниците на Ajax от страна на сървъра. Синтаксисът за jQuery ajax е jQuery.ajax (url (, настройки)) , където URL е низ, от който се изпраща заявката. Настройката е вида на обикновен обект. Методите на jQuery ajax просто предоставят ценна находчива функционалност на ajax в jQuery. Ajax има URL адрес и опция като тази:

$ .ajax (URL);

$ .ajax (URL адрес, (опции));

Тук URL адресът е вид низ, чрез който можем да изпращаме и получаваме данни, а опциите са конфигурация за заявка на ajax. Има много опции, налични в jQuery ajax.

Нека да обсъдим някои от тях.

  1. Приема: казва на сървъра, че какъв отговор в замяна би приел.
  2. Async: трябва да го зададем false, ако искаме да изпращаме данните синхронно, защото по подразбиране данните се изпращат или получават асинхронно.
  3. BeforeSend: това означава, че преди да бъде изпратена заявката за ajax, трябва да се изпълни функция за обратно извикване.
  4. Кеш: по подразбиране е вярно. През Boolean се показва кеш на браузъра.
  5. Изпълнено : когато заявката приключи, трябва да се изпълни функция за обратно извикване.
  6. contentType : default contentType е „application / x-www-form-urlencoded; кодировка = UTF-8 ".
  7. crossDomain : булева стойност представлява дали обработената заявка е кръстосан домейн или не.
  8. Данни: това са данните под формата на масив, низ или обект, които трябва да бъдат изпратени на сървъра.
  9. dataType: това е типът данни, очакващ сървърът да се върне.
  10. Грешка: това означава, че функцията за обратно извикване трябва да бъде изпълнена, когато заявката се провали.
  11. Глобално: по подразбиране е вярно. Той дава булев отговор дали да активирате глобална заявка или не.
  12. Заглавки: заедно с заявката трябва да бъде изпратен обект.
  13. ifModified: ако заявката се е променила от последната актуализирана заявка, тогава е валиден само отговорът.
  14. isLocal: позволява настоящата или настоящата среда за развитие да бъде разпозната като
  15. Jsonp: в jsonp заявка отменя функцията за обратно извикване.
  16. jsonpCallback: това е тип низ, който съдържа jsonprequest в името на функцията за обратно извикване.
  17. mimeType: съдържа mime тип за отмяна на xmlhttprequest.
  18. парола: използва се в заявката за удостоверяване на http.
  19. processData: по подразбиране е вярно, той дава само булев отговор дали данните, зададени на опцията за данни, трябва да бъдат преобразувани в низ за заявка или не.
  20. statusCode: това е числов код за заявка на http, на който се отговаря в съответствие със съответния кодов отговор.
  21. Успех: ако httprequest е успешно, тогава трябва да се изпълни само функцията за обратно извикване.
  22. Време за изчакване: това е стойността на изчакване за отговор в милисекунди.
  23. Тип: това е типът httprequest като GET, PUT, POST. По подразбиране е GET.
  24. url: тя е низът, който съдържа URL, където трябва да се изпращат данни.
  25. Потребителско име : използва се и в заявка за удостоверяване на XMLHTTP.
  26. Xhr: функцията за обратно извикване е да създадете xmlhttprequest обект.
  27. xhrFields: това е двойно зададена стойност на fieldName-fieldValue.

Методи на jQuery Ajax

Сега нека обсъдим някои jQuery ajax методи със синтаксиса и примерите му. По-долу са споменатите методи jQuery.

1. jQuery.get (url, (data), (callback), (type))

Този метод ни помага да зареждаме данни от сървъра, използвайки GET HTTP Request. Този метод също връща XMLHttpRequest обект.

  • url - това е низът, съдържащ URL, през който се изпращат данни.
  • Данни - това е незадължителният параметър, който съдържа двойка ключ и стойност, които ще бъдат изпратени до сървъра.
  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.
  • Тип - това е и незадължителен параметър, който връща тип данни след функция за обратно извикване, като html, xml, json, text, jsonp.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
$.get(
"result.php",
( name: "Zara2" ),
function(data) (
$('#stage2').html(data);
)
);
));
));

2. jQuery.getJSON (url, (data), (callback))

Този метод зарежда json данни от сървъра чрез GET HTTP заявка.

  • url - това е низът, който съдържа url, през който се изпращат данни.
  • Данни - това е незадължителният параметър, който съдържа двойка ключ и стойност, които ще бъдат изпратени до сървъра.
  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
$.getJSON('result.json', function(jd) (
$('#stage2').html('

Име: '+ jd.name +'

');
$ ( "# Stage2"). Добавяне ( "

Възраст: '+ jd.age +'

');
$ ( "# Stage2"). Добавяне ( "

Пол: '+ jd.sex +'

');
));
));
));

3. jQuery.getScript (url, (callback))

Този метод зарежда и изпълнява javascript файл чрез HTTP GET заявка.

  • url - това е низът, който съдържа url, през който се изпращат данни.
  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
$.getScript('result.js', function(jd) (
// Call custom function defined in script
CheckJS();
));
));
));

4. jQuery.post (url, (data), (callback), (type))

Тези методи зареждат уеб страница с HTTP POST Заявка.

  • url - това е низът, съдържащ URL адреса, през който се изпращат данни.
  • Данни - това е незадължителният параметър, който съдържа двойка ключ и стойност, които ще бъдат изпратени до сървъра.
  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.
  • Тип - също е незадължителен параметър, който връща тип данни след функция за обратно извикване, като html, xml, json, текст, jsonp.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
$.post(
"result.php",
( name: "Zara" ),
function(data) (
$('#stage2').html(data);
)
);
));
));

5. зареждане (URL, данни, обратен сигнал)

Този метод зарежда данните или обекта от сървъра и замества върнатия html след заявка за успех на съответстващия елемент.

  • url - това е низът, който съдържа url, през който се изпращат данни.
  • Данни - това е незадължителният параметър, който съдържа двойка ключ и стойност, които ще бъдат изпратени до сървъра.
  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
$("#drive2r").click(function(event)(
$('#stage2').load('result.html');
));
));

6. сериализирайте ()

Този метод помага за сериализиране на набор от входни елементи в масив от данни. В този метод jQuery ajax няма параметър. Например-

$(document).ready(function() (
$("#driver2").click(function(event)(
$.post(
"/jquery/serialize.php",
$("#testform1").serialize(),
function(data) (
$('#stage2').html(data);
)
);
var str = $("#testform1").serialize();
$("#stage3").text(str);
));
));

7. serializeArray ()

Този метод функционира подобно на метода на сериализиране, като единствената разлика е, че той връща структурата на данните json. Този метод също няма параметри. Например-

$(document).ready(function() (
$("#driver2").click(function(event)(
$.post(
"/jquery/serialize.php",
$("#testform1").serializeArray(),
function(data) (
$('#stage2').html(data);
)
);
var fields = $("#testform1").serializeArray();
$("#stage3").empty();
jQuery.each(fields, function(i, field)(
$("#stage3").append(field.value + " ");
));
));
));

8. ajaxComplete (обратно извикване)

Този метод зашива функция, когато функцията за обратно извикване се изпълни успешно.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxComplete(function(event, request, settings)(
$("#stage3").html(" Request Complete. ");
));
));

$(document).ready(function() (
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxComplete(function(event, request, settings)(
$("#stage3").html(" Request Complete. ");
));
));

$(document).ready(function() (
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxComplete(function(event, request, settings)(
$("#stage3").html(" Request Complete. ");
));
));

9. ajaxStart (обратно извикване)

Този метод свързва функция, която трябва да се изпълни преди старта на заявката за ajax.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
/* Global variable */
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
/* Gets called when the request starts */
$(document).ajaxStart(function()(
count++;
$("#stage3").html(" Starts, Count :" + count + " ");
));
/* Gets called when request complete */
$(document).ajaxComplete(function(event, request, set)(
count++;
$("#stage4").html(" Completes, Count:" + count + " ");
));
));

$(document).ready(function() (
/* Global variable */
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
/* Gets called when the request starts */
$(document).ajaxStart(function()(
count++;
$("#stage3").html(" Starts, Count :" + count + " ");
));
/* Gets called when request complete */
$(document).ajaxComplete(function(event, request, set)(
count++;
$("#stage4").html(" Completes, Count:" + count + " ");
));
));

$(document).ready(function() (
/* Global variable */
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
/* Gets called when the request starts */
$(document).ajaxStart(function()(
count++;
$("#stage3").html(" Starts, Count :" + count + " ");
));
/* Gets called when request complete */
$(document).ajaxComplete(function(event, request, set)(
count++;
$("#stage4").html(" Completes, Count:" + count + " ");
));
));

$(document).ready(function() (
/* Global variable */
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
/* Gets called when the request starts */
$(document).ajaxStart(function()(
count++;
$("#stage3").html(" Starts, Count :" + count + " ");
));
/* Gets called when request complete */
$(document).ajaxComplete(function(event, request, set)(
count++;
$("#stage4").html(" Completes, Count:" + count + " ");
));
));

$(document).ready(function() (
/* Global variable */
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
/* Gets called when the request starts */
$(document).ajaxStart(function()(
count++;
$("#stage3").html(" Starts, Count :" + count + " ");
));
/* Gets called when request complete */
$(document).ajaxComplete(function(event, request, set)(
count++;
$("#stage4").html(" Completes, Count:" + count + " ");
));
));

10. ajaxError (обратно извикване)

Този метод прикачва функция, която се изпълнява, когато заявката за ajax се провали. Това също е вид ajax събитие.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
$("#driver2").click(function(event)(
/* Assume result.text does not exist. */
$('#stage12').load('/jquery/result.text');
));
$(document).ajaxError(function(event, request, settings )(
$("#stage22").html(" Error in front page. ");
));
));

$(document).ready(function() (
$("#driver2").click(function(event)(
/* Assume result.text does not exist. */
$('#stage12').load('/jquery/result.text');
));
$(document).ajaxError(function(event, request, settings )(
$("#stage22").html(" Error in front page. ");
));
));

$(document).ready(function() (
$("#driver2").click(function(event)(
/* Assume result.text does not exist. */
$('#stage12').load('/jquery/result.text');
));
$(document).ajaxError(function(event, request, settings )(
$("#stage22").html(" Error in front page. ");
));
));

11. ajaxSend (обратно извикване)

Този метод извиква функция непосредствено след изпращане на заявката за ajax. Това също е аякс събитие.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#drive2r").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage23").html(" Sends, Count :" + count + " ");
$("#stage23").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage33").html(" Completes, Count :" + count + " ");
));
));

12. ajaxStop (обратно извикване)

Този метод свързва функция, която се изпълнява веднага след приключване на заявката за ajax.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 0;
$("#driver2").click(function(event)(
$('#stage1').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage3").html(" Completes, Count :" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage44").html(" Stops, Count :" + count + " ");
));
));

13. ajaxSuccess (обратно извикване)

Този метод извиква функция веднага след успешното приключване на заявката за ajax.

  • Обратно повикване - това също е незадължителен параметър, което означава функция, която трябва да бъде изпълнена, когато заявката за ajax е успешна.

Пример:

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

$(document).ready(function() (
var count = 2;
$("#driver2").click(function(event)(
$('#stage2').load('result.html');
));
$(document).ajaxStart(function()(
count++;
$("#stage12").html(" Starts, Count :" + count + " ");
));
$(document).ajaxSend(function(evt, req, set)(
count++;
$("#stage22").html(" Sends, Count :" + count + " ");
$("#stage22").append(" URL :" + set.url + " ");
));
$(document).ajaxComplete(function(event, request, settings)(
count++;
$("#stage32").html(" Completes, Count:" + count + " ");
));
$(document).ajaxStop(function(event, request, settings)(
count++;
$("#stage42").html(" Stops, Count :" + count + " ");
));
$(document).ajaxSuccess(function(event, request, settings)(
count++;
$("#stage52").html(" Success, Count :" + count + " ");
));
));

Сега нека да стигнем до значението на jQuery ajax методите, които са изброени по-долу:

  • Той е съвместим между браузърите и поддържа почти всички браузъри.
  • Това е най-простият метод, който се използва, когато актуализирате съдържанието на уеб страницата, без да презареждате страницата.
  • Той има силата да изпраща POST и GET Заявки.
  • Той има възможност да зарежда html, json, xml или скриптове.

Препоръчителни статии

Това е ръководство за jQuery Ajax методи. Тук обсъждаме някои методи на jQuery Ajax със синтаксиса и примерите. Можете също така да разгледате следния курс за анализ на данни, за да научите повече

  1. jQuery методи
  2. jQuery Алтернативи
  3. Как да инсталирате Jquery?
  4. Чит лист JQuery
  5. jQuery querySelector
  6. Топ 5 HTML атрибута на събитията с примери
  7. Топ 8 jQuery селектори с изпълнение на кода
  8. Ръководство за примерите на JQuery Progress Bar

Категория:

Разработване на софтуер