A jQuery Ajax módszerek áttekintése
Először terjesztjük a jQuery és ajax szavakat, és tudjuk meg ezek mindegyikének szó szerinti jelentését. A JQuery a javascript könyvtár, amely nagyon könnyű, és csak azt mondja, hogy kevesebbet írunk, többet írunk. De mielőtt elindul a jQuery-hez, ismernie kell a html, a CSS és a javascript alapjait. A jQuery fő feladata, hogy megkönnyítse a fejlesztő feladatát, hogy a Javascriptet könnyedén és nagyon rövid idő alatt megjelenítse a böngészőben. Egy egyszerű szóval elmondhatjuk, hogy a jQuery a javascript kód nehéz sorát egyetlen kódsorrá alakítja a jQuery módszerekkel. A jQuery leegyszerűsíti a bonyolult javascript kódot, a dom manipulációt és az ajax hívást is.
A jQuery a következő funkciókkal áll rendelkezésre:
- HTML esemény módszerek
- CSS manipuláció
- DOM / HTML manipuláció
- AJAX
- Hatások és animációk
- segédprogramok
Azt hiszem, most már sok alapvető ismerete van a jQuery-ről, tehát nézzük az AJAX jelentését. Az Ajax az aszinkron javascriptet és az XML-t (kiterjedt jelölőnyelv) jelenti. Az Ajax a legegyszerűbb és legegyszerűbb módszer dinamikus weboldalak létrehozására. Az Ajax csak azt mondja nekünk, hogy adatcserét folytatunk a weboldal frissítése nélkül. Ez azt jelenti, hogy kis mennyiségű adatot cserélhetünk a szerverrel az oldal frissítése nélkül, vagyis más szavakkal: azt mondhatjuk, hogy ajax frissíti a weboldalt az oldal újratöltése nélkül. A klasszikus weboldalakban újra kell töltenie az egész oldalt, ha adatcserét akarnak csinálni a szerverrel, vagy frissíteni akarják a weboldal egy részét. Röviden tárgyaljuk, hogyan működik.
Tehát alapvetően mi történik, amikor egy esemény bekövetkezik, a böngésző létrehoz egy XMLHttpRequest objektumot, és küld egy HttpRequest üzenetet a kiszolgálóra. Ezután a szerver feldolgozza ezt a HTTPRequest-ot, létrehoz egy választ, és adatokat küld vissza a böngészőhöz. Most a böngésző a javascript használatával dolgozza fel a visszaadott adatokat, és frissíti az oldal tartalmát.
Tehát, miután megértette mindkét kifejezést, itt az ideje, hogy megvitassuk a témát. Tehát mi a jQuery ajax? A jQuery számos módszert kínál, amely elősegíti a weblapok ajax szerveroldali frissítését. A jQuery ajax szintaxisa a jQuery.ajax (url (, beállítások)) , ahol az URL egy karakterlánc, ahonnan a kérés elküldésre kerül. A beállítás a sima tárgy típusa. A jQuery ajax módszerek csak értékes hasznos funkciókat biztosítanak a jQuery ajax számára. Az ajax rendelkezik egy url-lel és egy ilyen lehetőséggel:
$ .ajax (url);
$ .ajax (url, (opciók));
Az url egy olyan típusú karakterlánc, amelyen keresztül adatokat küldhetünk és fogadhatunk, az opciók pedig az ajax kérés konfigurálása. A jQuery ajax számos lehetőséget kínál.
Nézzük meg néhányat közülük.
- Elfogad: megmondja a szervernek, hogy milyen választ cserébe fogadna el.
- Async: hamisnak kell állítanunk, ha szinkron módon szeretnénk küldeni az adatokat, mivel az alapértelmezett adatok aszinkron módon kerülnek küldésre vagy fogadásra.
- BeforeSend: ez azt jelenti, hogy az ajax kérés elküldése előtt visszahívási funkciót kell végrehajtani.
- Gyorsítótár: alapértelmezés szerint igaz. A böngésző gyorsítótára a Boolean keresztül jelenik meg.
- Teljes : amikor a kérés befejeződött, visszahívási funkciót kell végrehajtani.
- contentType : Az alapértelmezett contentType “application / x-www-form-urlencoded; charset = UTF-8” .
- crossDomain : a logikai érték azt jelzi, hogy a feldolgozott kérés tartományközi-e vagy sem.
- Adatok: tömb, karakterlánc vagy objektum formájában megadott adatokat kell elküldeni a szervernek.
- dataType: ez az adattípus, amellyel kiszolgálót várja vissza.
- Hiba: ez azt jelenti, hogy visszahívási funkciót végre kell hajtani, amikor a kérés sikertelen.
- Globális: alapértelmezés szerint igaz. Boole-választ ad arról, hogy aktiválni kell-e egy globális kérést.
- Fejlécek: egy objektumot el kell küldeni a kéréssel együtt.
- ifModified: ha a kérés megváltozott az utoljára frissített kértől, akkor csak a válasz érvényes.
- isLocal: lehetővé teszi a jelenlegi vagy jelenlegi fejlesztési környezet felismerését
- Jsonp: egy jsonp kérésben felülbírálja a visszahívási funkciót.
- jsonpCallback: egy olyan karakterlánc, amely jsonprequest-et tartalmaz a visszahívási funkció nevében.
- mimeType: tartalmaz egy mime típust az xmlhttprequest felülbírálására.
- jelszó: a http hitelesítési kérelemben használja.
- processData: alapértelmezés szerint igaz, csak a logikai válaszra ad választ, függetlenül attól, hogy az adat opcióhoz hozzárendelt adatokat lekérdezési karakterlánkká kell konvertálni.
- statusCode: egy numerikus http kérési kód, amelyre a megfelelő kódválasznak megfelelően válaszolnak.
- Siker: ha a httprequest sikeres volt, akkor csak a visszahívási funkciót kell végrehajtani.
- Időtúllépés: ez a válasz időtúllépési értéke ezredmásodpercben.
- Típus: ez a httprequest típus, mint például a GET, PUT, POST. Alapértelmezés szerint GET.
- url: az URL-t tartalmazó karakterlánc adja oda az adatokat.
- Felhasználónév : az XMLHTTP hitelesítési kérelemben is használják.
- Xhr: a visszahívási függvény hozza létre az xmlhttprequest objektumot.
- xhrFields: ez a fieldName-fieldValue páros értéke.
A jQuery Ajax módszerei
Most tárgyaljuk néhány jQuery ajax módszert annak szintaxisával és példáival. Az alábbiakban felsoroljuk a jQuery módszereket.
1. jQuery.get (URL, (adatok), (visszahívás), (típus)
Ez a módszer segít nekünk az adatok betöltésében a szerverről a GET HTTP kérés segítségével. Ez a módszer az XMLHttpRequest objektumot is visszatér.
- url - az URL-t tartalmazó karakterlánc adja át az adatokat.
- Adatok - ez az opcionális paraméter, amely kulcs- és értékpárt tartalmaz, amelyet elküldenek a szervernek.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
- Típus - ez egy opcionális paraméter is, amely visszahívási funkció után egyfajta adatot ad vissza, például html, xml, json, text, jsonp.
Példa:
$(document).ready(function() (
$("#driver2").click(function(event)(
$.get(
"result.php",
( name: "Zara2" ),
function(data) (
$('#stage2').html(data);
)
);
));
));
2. jQuery.getJSON (URL, (adatok), (visszahívás))
Ez a módszer betölti a json adatokat a szerverről a GET HTTP kérésen keresztül.
- url - az URL-t tartalmazó karakterlánc adja át az adatokat.
- Adatok - ez az opcionális paraméter, amely kulcs- és értékpárt tartalmaz, amelyet elküldenek a szervernek.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(document).ready(function() (
$("#driver2").click(function(event)(
$.getJSON('result.json', function(jd) (
$('#stage2').html('
Név: '+ jd.name +'
„);$ ( '# Stage2). Append (”
Kor: '+ jd.age +'
„);$ ( '# Stage2). Append (”
Nem: '+ jd.sex +'
„);));
));
));
3. jQuery.getScript (URL, (visszahívás))
Ez a módszer betölti és végrehajtja a javascript fájlt a HTTP GET kérésen keresztül.
- url - az URL-t tartalmazó karakterlánc adja át az adatokat.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(document).ready(function() (
$("#driver2").click(function(event)(
$.getScript('result.js', function(jd) (
// Call custom function defined in script
CheckJS();
));
));
));
4. jQuery.post (URL, (adatok), (visszahívás), (típus)
Ez a módszer betölti a weboldalt a HTTP POST kérés használatával.
- url - az URL-t tartalmazó karakterlánc adja át az adatokat.
- Adatok - ez az opcionális paraméter, amely kulcs- és értékpárt tartalmaz, amelyet elküldenek a szervernek.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
- Típus - ez egy opcionális paraméter is, amely visszahívási funkció után egyfajta adatot ad vissza, például html, xml, json, text, jsonp.
Példa:
$(document).ready(function() (
$("#driver2").click(function(event)(
$.post(
"result.php",
( name: "Zara" ),
function(data) (
$('#stage2').html(data);
)
);
));
));
5. betöltés (URL, adatok, visszahívás)
Ez a módszer betölti az adatokat vagy az objektumot a kiszolgálóról, és a sikeres kérés után visszatérő html-t kicseréli az illesztett elemre.
- url - az URL-t tartalmazó karakterlánc adja át az adatokat.
- Adatok - ez az opcionális paraméter, amely kulcs- és értékpárt tartalmaz, amelyet elküldenek a szervernek.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(document).ready(function() (
$("#drive2r").click(function(event)(
$('#stage2').load('result.html');
));
));
6. sorosítani ()
Ez a módszer elősegíti a bemeneti elemek sorozatának adatsorba sorolását. Ebben a jQuery ajax módszerben nincs paraméter. Például-
$(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 ()
Ez a módszer ugyanúgy működik, mint a sorosítási módszer, az egyetlen különbség, hogy visszatér a json adatszerkezetet. Ez a módszer sem rendelkezik paraméterekkel. Például-
$(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 (visszahívás)
Ez a módszer varr egy funkciót, ha a visszahívási funkció sikeresen végrehajtódik.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa :
$(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. ");
));
));
$("#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 (visszahívás)
Ez a módszer az ajax kérés indítása előtt végrehajtandó funkciót csatol.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(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 + " ");
));
));
/* 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 + " ");
));
));
/* 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 (visszahívás)
Ez a módszer hozzáfűz egy funkciót, amelyet akkor hajtanak végre, amikor az ajax kérés sikertelen. Ez szintén egy ajax esemény típusa.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(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. ");
));
));
$("#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 (visszahívás)
Ez a módszer azonnal hívja meg a funkciót az ajax kérés elküldése után. Ez egy ajax esemény is.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 (visszahívás)
Ez a módszer hozzárendel egy olyan funkciót, amelyet közvetlenül az ajax kérés befejezése után hajtanak végre.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 (visszahívás)
Ez a módszer azonnal hívja meg a funkciót, miután az ajax kérés sikeresen befejeződött.
- Visszahívás - ez egy opcionális paraméter is, amely azt jelenti, hogy egy függvény végrehajtandó, ha az ajax kérés sikeres.
Példa:
$(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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
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 + " ");
));
));
Most fel kell térnünk a jQuery ajax módszerek fontosságára, amelyeket felsorolunk:
- A böngészők közötti kompatibilis, és szinte az összes böngészőt támogatja.
- Ez a legegyszerűbb módszer a weboldal tartalmának frissítése nélkül, az oldal újratelepítése nélkül.
- Ez a hatáskör a POST és GET kérések küldésére.
- Képes betölteni html, json, xml vagy szkripteket.
Ajánlott cikkek
Ez egy útmutató a jQuery Ajax Methods-hoz. Itt a jQuery Ajax néhány módszerét tárgyaljuk a szintaxissal és a példákkal. További információt a következő adatelemzési tanfolyamon is megnézhet
- jQuery Methods
- jQuery alternatívák
- Hogyan telepíthetem a Jquery-t?
- Cheat sheet JQuery
- jQuery querySelector
- Az 5 legnépszerűbb HTML eseményttribútum példákkal
- A 8 legfontosabb jQuery választógép kód implementációval
- Útmutató a JQuery Progress Bar példákhoz