Ajax - examples. Ajax moʻolelo keaka

I ka Internet eaaaony i ka malihini i kaʻike pono o kēlā me kēia puke i ua ua hana hoʻokipa ma ka mea ulana pukapuka, a me ka lako - ka hookipaia Via mea ulana pukapuka, Hola Pūnaewele, kāhea maomeka o kanaka moʻolelo keaka, EYI /? Eaia o ka 'ike. E hoʻopaʻa i ka palapala i e i ka paena, i ka hoʻomaopopo like aa - he hanana loulou (kikowaena inoa, he kū hoʻokahi'āina aae?).

No keia mea i ke kumu waiwai i pane ai, e kipa statically paha dynamically paha ke i ka pane. Ina o ka palapala a me ka maʻiʻo o nā 'aoʻao hilinaʻi ma luna o kekahi rula, indivisible pa alima o ka' ōlelo KikowaenaUa a me ka Client (lako) o ka pau HTML-kivila palapala, kiʻi, mika a lahilahi, a me nā AEIU e pono ai ka maʻiʻo a me ka 'ia. Inā kekahi mea hewa, ka lako IeEeAUUXAAaO a pau i ke "kauoha aku" e kiʻi wae, a laila e hoʻokō iho.

He nui na olelo mua iaʻi loea i waho no ka lōʻihi manawa, akā, ua ua kekeʻe poina paha i ole ua hoʻohana pono. First AJAX (examples hoʻohana i ka XMLHttpRequest mea) ikea mai la na makahiki aku nei, akā, i ka pomaikai a me ke kaulana la nui hope.

A pau a me ka mea e pono ai wale

Ma ka Classic mana o ka paena - i ka inoa, ka IP-helu wahi, a me ka loulou (nā synonyms i hoʻokohu 'ia i ka ia wahi i loko o ka Internet makahiki). He aha e waiho ma hope o kēia ka papa kuhikuhiEʻaoʻao - manaʻo: ma luna o lākou iho Initiative he laekahi ' "akamai", a i ole e ninau aku ke kumu ia mea ai? No ke aha la ka paena o ka papa kuhikuhiEʻaoʻao, mai a oe ke kiʻi i kekahi'ē aʻe? Kēia AOAIAaOO - maopopo ole maikaʻi, ka mea, o ka mea i ho'ākāka 'maʻiʻo, a me ka maoli functionality.

Aloha kau, ina nele i ke kanaka i ka dentist, ka mea, o ka helu wahi pono no i kekahi mea, e makemake ana ia ma mua o ia i ka lumi kuke no kaʻoki kino, aʻaʻole i ka hale waihona puke no ke kūkā kino. Ma ka wahi ma kēia kekahi huli mai, ua ike, akā, 'aʻole i loaa i ke kahua niho? Aaieou i piha. I ka pono e hiki mai ana i ka malihini - ka Kakau a me ke kuhikuhi ana (ka mea kiko'ī ala) i ke kauka. A ma luna o ka wahi (ma ka hōʻeaʻana) e hoʻololi i ke kahuna lapaau, a me ka mākaʻikaʻi.

Akā, 'aneʻi' o ka paena ana mau ukana i piha ammunition, i kekahi mea hoʻololi ma luna o ke hoʻoukaʻia, e lawe i ka mooolelo o ka manawa i ka mea i hiki mai ... Akā, a hiki i ka hihia ma ia mea he maoli ke ola? Aaieou, i ka manawa mua e kipa i ka hou Client, e haawi 'ikeʻaoʻao lawa , hui 'ana, a me ... hiki ke hoomakaukau i ka puka makani Kakau i ke kipa i ka paena i hana i aku-hola, e like me ka hoakaka ma ka kauka mea i loaʻa, he? aiaiiuie koho ua i loko o kaʻokoʻa oihana ...

Point i ka Internet makahiki

Ke Classic pane o ka mau o ka Internet makahiki - ma muli o ke noi, e hoopuka aku i ka paenaʻaoʻao (IeAUPIIe, IAa IO hale), a laila, i ka 'ē aʻe, ma ka noi o ka malihini. Site Kuʻia i kekahi mau kiʻi, styles, pio ka kuhi moʻolelo keaka, PHP, etc. Not a pau PHP-AEIU hana 'aoʻao, kekahi o ia ke pane i AJAX noi :. e loaa mai, kaʻina, a hoouna aku ike.

E kakau iho i kekahi kōmi'ōkuhi he Snap. Akā, noho a hiki i ka lae o ana i loko o ka Internet makahiki, he mea hiki ole i ka hoʻoholo 'ana i ka, a no ka mea, i hōʻike' ia, i ua ho'ā 'ia o ka inoa, ka IP-aae? A me ka loulou. Kekahi ana ma ka mea ulana pukapuka, i wahi ma ka lako polokalamu,ʻano nui ma ka lako, akā, no hoi ma na robots o kekahi kumu a me ka mākaʻikaʻi ma nā hoʻopunipuni o ka hana.

Kōmi'ōkuhi, iaʻano aliʻi, hiki pololei ike wale: he kipa ma ka lako i ka malihini i hele mai, me ka olua, mai a IP-helu kuhi henua, a me ke alo o nā kuki. Wale i ka la mahope hiki i 'ike i ka hana i ka papa kuhikuhiEʻaoʻao, akā, wale ina ka malihini i mua iʻaneʻi. Ma nā mea a pau nā hihia ia mea hiki e paha wale na mau pane a mai ke kikowaena. AJAX-examples mea e oluolu e huli ma ka Internet, e e hoʻohana ke akahele. Ka wahaheʻe i loko o ka (hana) o ka XMLHttpRequest mea e Hoʻokolo mea e maʻalahi.

Ka nohona ma muli o, a me ka paulele i ka hoʻomanaʻano o

Ka nohona ma pane a mai ke kikowaena - he mauʻaoʻao, haawiia keia i like ke poʻo kumu a mea o ka mea i kapaia ka 'inideka, a me ka mea i hoʻomaka me ka paena i mea ma paʻewa me kona loulou i ka'ē aʻeʻaoʻao i loaʻa. Naʻe, ina o ka malihini i ike i ka inoa o ka mea'ē aʻeʻaoʻao, ka mea i loko o kona naauao e e ole emi nui ma mua o ka mea i koho nā mea haku polokalamu. Eia ka ka Classic kükohu, a pau i ka manawa hookahi: i ka pono a me ka manao functionality mea e kālele ana ma luna o nā mea a pau malihini.

Ponoiʻano o - i ka hoomau ana o ka mua Ahaolelo o ka malihini. Ka paena mua ike mea āna i hana ai, i ka mea, ua hoihoi i ka mea i nānā akula au i palapala, a kau aku la ia i loko o kona hoomanao ana, kakau iho la oia i kekahi mea i loko o lako nā kuki.

Ua hoʻohana 'ia nā kumu o noi i ke kikowaena e download Na ka paena a me ka hana pū me ia: pou, a kiʻi. ka hulina hopena mea he okoaʻaoʻao. Ma ka kūponoʻaoʻao, i ka malihini ke haʻalele i kēia mau 'ole' ē hanana i i kele ma luna o ka hana ana o kekahi 'aoʻao hehee wale.

Eventsʻaoʻao oihana mua

ʻaoʻao hehee ai hiki e ki nei i ka loaʻa 'ikepili, manaʻo - e lawe i nā mea o ka kikokikona kahua, a loaʻa i ka mea kakau iho i ka malihini. Ka hanana ke'ākoʻakoʻa ma luna o ka 'ike no'ikamu, kiʻi, kikokikona pahu. Ma kekahi hihia, pio ka-papa, e holo nō ia, a hiki hana AJAX-noi like penei:

InitXML ( '../ Mphp / scSrvPhpWord.php? CTask = GoPage' + '& cOwnerCode =' + cOwnerCode
+ '& CSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem);

Pela ua hoakakaia InitXML () hana like penei (e ho'ākāka 'ia ma iaaanu var scXHR mawaho o ke kuleana pili i):

kuleana pili i InitXML (scURL),

scXHR = Yard;

ina (window.XMLHttpRequest)
, ho'āʻo
{ScXHR = hou XMLHttpRequest ();
} Hoku (e),}
} e ae
ina (window.ActiveXObject)
, ho'āʻo
{ScXHR = hou ActiveXObject ( 'Msxml2.XMLHTTP');
} Hoku (e)
, ho'āʻo
{ScXHR = hou ActiveXObject ( 'Microsoft.XMLHTTP');
} Hoku (e),}
}
}
ina (scXHR)
,
scXHR.open ( 'E', scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (Yard);
};
}

Kēia kuleana pili i ka HKH, a nāna i kekahi noi no ka mea. Asynchronous pane, e hele mai i ka wa i, e hooko i ka kōmi'ōkuhi i hoakaka ia ma ka HKH (i loko o keia hihia - scSrvPhpWord.php, Aia ma ../Mphp/ waihona pili i ke kumu o ka paena), a e hoʻomaka WaitReplySC () hana, i hele ai i ka manaʻo kōkua o ke kikowaena'ōkuene-muli o, me ka inoa a me ka maʻiʻo.

kikowaena muli o

Nae i ke kikowaena o ka PHP-kōmi'ōkuhi - he polokalamu i hoʻomaka me ka mea hoʻonoho o ka mea nui keia, download O ka mea pono, mālama '-lapaʻau, i hilinaʻi nui i ka mea haku polokalamu hana:

namespace PhpOffice \ PhpWord;

ini_set ( 'display_errors', 1);
error_reporting (E_ALL ^ E_NOTICE);

ignore_user_abort (oiaio);
set_time_limit (12);

hana PhpOffice \ PhpWord \ MphpObj \ scDocuments;

require_once 'PhpOffice / PhpWord / Autoloader.php';
\ PhpOffice \ PhpWord \ Autoloader ::? Aaeno? ();

Poe i ka hoʻomaka o ka hoailona e hoike ana i kekahi hewa, ua papa noho he kōmi'ōkuhi ka wā o nā mea hoʻohana Moʻomanaʻo aku a e kuhikuhi i ka manawa palena ma hana hihia loop - 12 kekona. Next loulou waihona PhpOffice \ PhpWord no nā palapala * .docx.

I hōʻike 'ia ma luna o AJAX-aa (' ... cTask = GoPage '+' & cOwnerCode = '+ cOwnerCode +' & cSessionCode = '+ cSessionCode +' & cActiveItem = '+ cActiveItem) - ka eha kiʻi-DEBFULLNAME, a i ole e e nānā lākou maoli loaʻa nui:

$ CTask = (isset ($ _ kiʻi [ 'cTask']))? $ _GET [ 'cTask']: '';
$ COwnerCode = (isset ($ _ kiʻi [ 'cOwnerCode']))? $ _GET [ 'cOwnerCode']: '';
$ CSessionCode = (isset ($ _ kiʻi [ 'cSessionCode']))? $ _GET [ 'cSessionCode']: '';
$ CActiveItem = (isset ($ _ kiʻi [ 'cActiveItem']))? $ _GET [ 'cActiveItem']: '';

Ma hope o ka lawelawe i ka hoomakaukau ana kōmi'ōkuhi hoʻoholo:

E kuapo ($ cTask),

hihia 'GoPage': // (keia mea he hana nui loa i ka loiloi mua Download paha e hoomaha mai oe i ka palapala)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHtml = iconv ( 'UTF-8', 'CP1251', 'helu kuʻina hehee ai ");
$ CActiveItem = iconv ( 'UTF-8', 'CP1251', 'aiaiiuo');

$ CReply = "scSrvRM | GoPage | huapalapala | {$ cOwnerCode}` {$ cSessionCode} | {$ cContents} `{$ cStatus} | {$ cHtml} | {$ cActiveItem}";

uhai;

}

a me ka mea hope loa o ka kōmi'ōkuhi.

:, EeIeOIeOIeAa ( "ka maʻiʻo-Type: kikokikona /'ōkuene;ʻae-charset = UTF-8");
:, EeIeOIeOIeAa ( "ahu hoʻokoe-Na Makuahine:ʻaʻohe-ahu hoʻokoe");
küpinaʻi '<'ōkuene kēia = "1.0" hoʻopā'ālua = "UTF-8"??>';
$ CReply = iconv ( 'CP1251', 'UTF-8', $ cReply); // huli ana mai 'CP1251' i loko o 'UTF-8'
küpinaʻi $ cReply;

Kaniak Customer muli o

Ma ka palapala i ua aliʻi wohi nei i loko o ka lako, ka mea i loaʻa i ka pau anaʻe o ka kikowaena, e hoʻomākaukau i ka pane, ia e ke ke hoʻokō 'papa WaitReplySC:

Launch WaitReplySC (),

ho'āʻo,

ina (scXHR.readyState == 4),
ina (scXHR.status == 200), // muli o aaioee

var TestReply = scXHR.responseText;

ina ((TestReply.indexOf ( 'wae hewa')> 0) ||
(TestReply.indexOf ( 'hoolaha')> 0))ʻeleu (scXHR.responseText);

var cData = scXHR.responseText;
var aData = cData.split ( '|');

var cCmd = aData [1];
var cPos = aData [2];
var aOwnerSession = aData [3] .split ( '' ');
cOwnerCode = aOwnerSession [0];
var cSessionCode = aOwnerSession [1];
var aContentStatus = aData [4] .split ( '' ');
var cContent = aContentStatus [0];
var cStatus = aContentStatus [1];
var cHTML = aData [5]; // kikowaena HTML-muli o
var cVarValues = aData [6]; // aiaiiuo no ka Hoʻopihapiha Kumu

E kuapo (cCmd),

hihia 'GoPage':

var dTestLine = document.getElementById ( 'scTestLine');
dTestLine.innerHTML = 'Reply = [' + cOwnerCode + ','
+ CSessionCode + ','
+ CContent + ','
+ CStatus + ','
+ CHTML + ','
+ CVarValues + ']';

uhai;
}

} No ka mea,,
. Document.getElementById ( 'scAreaStatus') innerHTML = "Kuʻia !!!";
}
}
} Hoku (e),}

}

Penei, ka hoʻohana 'ana i ka AJAX-examples, i kaʻaoʻao ua ukana ma ka lako loaa (i loko o scTestLine hehee ai):

Pane = [cOwner, cSession, cContents, cStatus, hehee wale hoʻopā'ālua ee iaaanu aey cia]

Ma ka hoohalike ai o ke karaima, jQuery a me WordPress

Page ma o ka lako a me ke kōmi'ōkuhi kikokikona kākau i loko o UTF-8, no ka hoʻohana iconv () hana e hoohuli Lūkini huapalapala. Ke koena o ka iwi poe ma ka kivila He nui na mea, a hiki ke hoopuni hai hou ia no kekahi mau hana.

Ke kumuhana e hoʻololi i wale nō i loko o ka aaioee KikowaenaUa muli o WaitReplySC () papa, a me ka maoli kōmi'ōkuhi kivila e paha ke ka pane. Aloha InitXML kuleana pili i (no ka kekahi scURL a me ka piliʻikepili no ka mea,) e waiho ma ka hanana handlers ma kaʻaoʻao hehee wale, a hoakaka i ka manaʻo o kēia mau kumu.

A hooku iho la examples o AJAX-aʻo i kaʻoihana e "manuale" i ka hoʻohana 'ana i ka' enehana.

Ma nā'ōnaehana hoʻonohonoho maʻiʻo i ho'ākāka 'ia ma (SMS) uea' ole i naʻano likeʻole, e like me ka rula, i loko o ke kaila o ka ua specificity. No ka laʻana, jQuery AJAX kapa nā papaha i hoʻomaopopo jQuery.ajax () oihana i loko o kekahi o ka 'ilikai kiekie: jQuery.get () a me jQuery.post (). Ke aiao Ua ho'īli henua pilikia a me ka palapala koho ( 'ia paha o ki + waiwai hui). jQuery.ajax () i hoi mai XMLHttpRequest-mea.

JQuery e Track i ka hopena o ka manaoia papa-ki ina hana: XHR.done () - ka holomua pau 'ana o ka noi. XHR.fail () - hewa pēpēʻana.

jqXHR.done () iaoia yavlyatsya koho handler holomua pau 'ana o AJAX-noi. Replaces OOAOAaXUEE jqXHR.success () hana.

Like me, ka hoʻohana a ma Wordpress AJAX-enehana. Eia, ua kanu pūʻia ana nā mea a pau hoʻi i loko o ka'ōnaehana hoʻonohonoho maʻiʻo, oe wale pono e hoʻohana i ka i manaoia 'ole. Nā palapala i hoʻolako i ka piha hōʻikeʻano.

AJAX noi hilinaʻi nuiʻano nui ma luna o ka hana koho, eia nae o ka manuale mana hiki ke hoʻohana 'ia i loko o laua a me ka hou ana i ka koho'ōnaehana hoʻonohonoho maʻiʻo, kekahi a me kekahi mana o jQuery. Ka hope mea pono e hana ma luna o lākou iho, no ka mea, aneane pau laekahi SMS hana ia, akā, kela mea keia mea ma kona iho alanui.

A Classic laʻana o ka palapala noi

Simple a exponential ana o AJAX - kaʻa Pau online hale kūʻai. kūʻai i nā palapala i mau piha i ka waiwai, aole nae ma ka ike maopopo i ka mea, e ia. Reloading IeAUPIIe, IAa IO lawe nui manawa, akā, i ka wa a ka malihini Nāna e koho i ka huina hoonui, aole e hiki ia mau e haawi mai ia ia ia, a me ka hoʻololi i nā koho kekahi, i ka paena ka manawa kupono, e hōʻike koke.

IeAUPIIe, IAa IO ka mea, uaʻike ihola i loko o ka palapala o ka hinai a me nā kaha a puni i koho mau. Me ka hoʻohana 'ana o AJAX hōʻeuʻeu loli i mau kumu i problematic.

AJAX-moʻolelo keaka e hoʻokō maomeka, e hoʻouka hou aku au / hoonee ikamu i kou kaa hou, liloʻo facto ma na mea he nui SMS.

No ka maʻamauʻikepili EYI ma AJAX palapala i e hanaʻia i loko o kaʻike mau ano (no ke komoʻana i ka inoa a me ka password):