Преглед јКуери Ајак метода

Хајде да прво поделимо речи јКуери и ајак и познајемо дословно значење сваке од њих. ЈКуери је јавасцрипт библиотека која је веома лагана и само нам говори да пишемо мање и више. Пре него што дођете на јКуери, морате знати основе хтмл-а, ЦСС-а и јавасцрипта. Главни задатак јКуери-а је да олакша програмеру да једноставно покрене Јавасцрипт на прегледачу и то у врло мало времена. Једноставном речју, можемо рећи да јКуери претвара тешку линију јавасцрипт кода у једну линију кода користећи јКуери методе. јКуери такође поједностављује компликовани јавасцрипт код, манипулацију домом и ајак позив.

Следеће функције су доступне у јКуери-у који су наведени доле:

  • Методи ХТМЛ догађаја
  • ЦСС манипулација
  • ДОМ / ХТМЛ манипулација
  • АЈАКС
  • Ефекти и анимације
  • Комуналије

Мислим да сада имате много основног знања о јКуери-у, па дођимо до значења АЈАКС-а. Ајак означава асинхрони ЈаваСцрипт и КСМЛ (опсежни означни језик). Ајак је најједноставнији и најлакши начин за креирање динамичних веб страница. Ајак нам управо каже да размењујемо податке без освежавања веб странице. То значи да можемо разменити малу количину података са сервером без освежавања странице или другим речима, можемо рећи да ајак ажурира веб страницу без поновног учитавања странице. На класичним веб страницама морају поново учитати цијелу страницу ако желе размјењивати податке са сервером или желе ажурирати дио веб странице. Разговарајмо укратко о томе како то функционише.

У основи, шта се догађа, кад год се догоди неки претраживач креира КСМЛХттпРекуест објект и шаље ХттпРекуест серверу. Тада сервер обрађује овај ХТТПРекуест и креира одговор и враћа податке назад у претраживач. Сада прегледач обрађује враћене податке помоћу ЈаваСцрипта и ажурира садржај странице.

Дакле, након разумевања оба ова термина, сада је време да разговарамо о овој теми. Па шта је јКуери ајак? јКуери пружа бројне методе које помажу у ажурирању веб страница на ајак серверу. Синтакса за јКуери ајак је јКуери.ајак (урл (, подешавања)) , где је УРЛ низ из којег се шаље захтев. Подешавање је врста обичног објекта. Абек методе јКуери само пружају неку вредну сналажљиву функционалност ајаку у јКуери. Ајак има УРЛ и опцију попут ове:

$ .ајак (урл);

$ .ајак (урл, (опције));

Овде је УРЛ врста низа путем којег можемо слати и примати податке, а опције су конфигурација ајак захтева. У јКуери ајаку је доступно много опција.

Хајде да разговарамо о неким од њих.

  1. Прихвата: говори серверу да ће какав одговор заузврат прихватити.
  2. Асинхција: морамо да је поставимо на лаж ако желимо да податке шаљемо синхроно јер се у заданим подацима шаљу или примају асинхроно.
  3. БефореСенд: значи да пре слања ајак захтева функцију повратног позива треба извршити.
  4. Кеш: по дефаулту је тачно. Кеш прегледача приказан је кроз Боолеан.
  5. Потпуно : када је захтев завршен, потребно је извршити функцију повратног позива.
  6. цонтентТипе : Дефаулт цонтентТипе је „апплицатион / к-ввв-форм-урленцодед; цхарсет = УТФ-8 ”.
  7. цроссДомаин : боолеан вредност представља да ли је обрађени захтев цросс домаин или не.
  8. Подаци: то су подаци у облику низа, низа или објекта који се требају послати серверу.
  9. датаТипе: то је тип података који очекује да се сервер врати.
  10. Грешка: значи да треба извршити функцију повратног позива када захтев не успе.
  11. Глобално: подразумевано је тачно. Даје логичан одговор на то да ли активирати глобални захтев или не.
  12. Заглавља: уз захтев треба послати и објект.
  13. ифМодифиед: ако се захтев променио од последњег ажурираног захтева, само је одговор валидан.
  14. исЛоцал: омогућава тренутно или тренутно развојно окружење да буде препознато као
  15. Јсонп: у јсонп захтеву, надјачава функцију повратног позива.
  16. јсонпЦаллбацк: то је врста низа који садржи јсонпрекуест у имену функције повратног позива.
  17. мимеТипе: садржи миме тип да надјача кмлхттпрекуест.
  18. лозинка: користи се у хттп захтеву за аутентификацију.
  19. процессДата: по дефаулту је истина, он даје само Боолеов одговор да ли се подаци додељени опцији података требају претворити у низ упита или не.
  20. статусЦоде: то је бројчани код за хттп захтев на који се одговара у складу с одговарајућим одговором на коду.
  21. Успех: ако је хттпрекуест успео, требало би извршити само функцију повратног позива.
  22. Истек времена: то је вриједност прекида одговора у милисекундама.
  23. Унесите: то је врста хттпрекуест попут ГЕТ, ПУТ, ПОСТ. Подразумевано је ГЕТ.
  24. урл: то је низ који садржи УРЛ где се подаци требају послати.
  25. Корисничко име : користи се и у КСМЛХТТП захтеву за аутентификацију.
  26. Ксхр: функција повратног позива је креирање кмлхттпрекуест објекта.
  27. кхрФиелдс: то је парна задата вриједност фиелдНаме-фиелдВалуе.

Методе јКуери Ајак

Сада размотримо неке јКуери ајак методе са својом синтаксом и примерима. Испод су наведене јКуери методе.

1. јКуери.гет (урл, (подаци), (повратни позив), (врста)

Ова метода нам помаже у учитавању података са сервера користећи ГЕТ ХТТП захтјев. Ова метода такође враћа КСМЛХттпРекуест објект.

  • урл - то је низ који садржи урл кроз који се шаљу подаци.
  • Подаци - овај опциони параметар који садржи пар кључева и вредности који ће бити послан серверу.
  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.
  • Унесите - такође је опциони параметар који враћа тип података након функције повратног позива, као што су хтмл, кмл, јсон, тект, јсонп.

Пример:

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

2. јКуери.гетЈСОН (урл, (подаци), (повратни позив))

Ова метода учитава јсон податке са сервера путем ГЕТ ХТТП захтева.

  • урл - то је низ који садржи урл кроз који се шаљу подаци.
  • Подаци - овај опциони параметар који садржи пар кључева и вредности који ће бити послан серверу.
  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

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

Име: '+ јд.наме +'

');
$ ('# стаге2'). додај ('

Доб: '+ јд.аге +'

');
$ ('# стаге2'). додај ('

Пол: '+ јд.сек +'

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

3. јКуери.гетСцрипт (урл, (повратни позив))

Ова метода учитава и извршава јавасцрипт датотеку путем ХТТП ГЕТ захтјева.

  • урл - то је низ који садржи урл кроз који се шаљу подаци.
  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

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

4. јКуери.пост (урл, (подаци), (повратни позив), (врста)

Овим методама учитава се веб страница помоћу ХТТП ПОСТ захтева.

  • урл - то је низ који садржи урл кроз који се шаљу подаци.
  • Подаци - овај опциони параметар који садржи пар кључева и вредности који ће бити послан серверу.
  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.
  • Унесите - такође је опциони параметар који враћа тип података након функције повратног позива, као што су хтмл, кмл, јсон, тект, јсонп.

Пример:

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

5. учитавање (УРЛ, подаци, повратни позив)

Ова метода учитава податке или објект са сервера и замјењује враћени хтмл након захтјева за успјехом подударном елементу.

  • урл - то је низ који садржи урл кроз који се шаљу подаци.
  • Подаци - овај опциони параметар који садржи пар кључева и вредности који ће бити послан серверу.
  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

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

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

Ова метода помаже у сериализацији скупа улазних елемената у скуп података. У овом јКуери ајак методу нема параметра. На пример-

$(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. сериализеАрраи ()

Ова метода функционише исто као и метода сериализе, једина разлика је што враћа јсон структуру података. Ова метода такође нема никакве параметре. На пример-

$(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. ајакЦомплете (повратни позив)

Ова метода шива функцију када се функција повратног позива успешно изврши.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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. ајакСтарт (повратни позив)

Овом методу се додаје функција која се извршава пре покретања ајак захтева.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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. ајакЕррор (повратни позив)

Овом методом се приписује функција која се извршава кад год ајак захтјев не успије. Ово је такође врста ајак догађаја.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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. ајакСенд (повратни позив)

Ова метода позива функцију непосредно након слања ајак захтева. Ово је такође ајакс догађај.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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. ајакСтоп (повратни позив)

Ова метода придаје функцију која се извршава одмах након завршетка ајак захтева.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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. ајакСуццесс (повратни позив)

Ова метода позива функцију непосредно након успешно завршеног ајак захтева.

  • Повратни позив - ово је такође опциони параметар, што значи да се функција извршава када је успех ајак захтева.

Пример:

$(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 + " ");
));
));

Сада да пређемо на значај јКуери ајак метода које су наведене доле:

  • Компатибилан је са претраживачем и подржава скоро све прегледаче.
  • То је најједноставнији начин коришћења приликом ажурирања садржаја веб странице без поновног уметања странице.
  • Има моћ слања ПОСТ и ГЕТ захтева.
  • Има могућност учитавања хтмл, јсон, кмл или скрипте.

Препоручени чланци

Ово је водич за јКуери Ајак методе. Овде смо расправљали о неким методама јКуери Ајак-а са синтаксом и примерима. Такође можете погледати следећи курс анализе података да бисте сазнали више

  1. јКуери Метходс
  2. јКуери алтернативе
  3. Како инсталирати Јкуери?
  4. Превара ЈКуери
  5. јКуери куериСелецтор
  6. Топ 5 атрибута ХТМЛ догађаја са примерима
  7. Топ 8 јКуери селектора са имплементацијом кода
  8. Водич за примере ЈКуери Прогресс Бар-а

Категорија:

Развој софтвера