Ajax - apeere. Ajax iwe afọwọkọ

The Internet pese awọn alejo ti hihan ti kọọkan awọn oluşewadi ti o ti wa ni ti gbalejo ni nẹtiwọki kan, ki o si browser - wiwọle nipasẹ nẹtiwọki Ilana, ipe sise ti olukuluku awọn iwe afọwọkọ, gbigbe / gbigba ti alaye. Ṣeto ti awọn ojúewé ti o ṣe soke ojula, ni o ni kan to wopo root - kan oto ọna asopọ (ašẹ orukọ, a oto ipade adirẹsi).

Ko si ọrọ awọn oluşewadi idahun si be statically tabi gbalaye gbogbo a Esi. Paapa ti o ba awọn fọọmu ati akoonu ti awọn ojúewé dale lori eyikeyi ipo, indivisible kuro ti ibaraẹnisọrọ server ati awọn ose (kiri) jẹ awọn ti pari HTML-amin iwe, images, ara sheets, ati awọn miiran awọn faili pataki akoonu ati ayika. Ti o ba ti nkankan ti ko tọ, awọn kiri han gbogbo awọn ti o ti wa ni "isakoso" lati gba parse ki o si ṣiṣẹ.

Ọpọlọpọ awọn ileri imo ero ti emerged fun igba pipẹ, sugbon ti a ti unjustly gbagbe tabi ti ko ti lo daradara. First AJAX (apeere lo XMLHttpRequest ohun) han ni opolopo odun sehin, ṣugbọn awọn aseyori ati okiki wá Elo nigbamii.

Gbogbo tabi nikan ohun ti o nilo

Ni awọn Ayebaye ti ikede ti awọn ojula - awọn orukọ, awọn IP-adirẹsi ati awọn asopọ kan (gbogbo synonyms designating kanna ojuami ni Internet aaye). Ohun ti wa da sile yi ifilelẹ ti awọn iwe - ro: lori ara wọn initiative a igbalode "onise", eyi ti ko ani beere idi ti o jẹ bẹ? Idi ti awọn ojula ni akọkọ iwe lati eyi ti o le gba lati eyikeyi miiran? Yi aṣayan - kedere ko bojumu, o jẹ awọn kan pato akoonu ati awọn gangan iṣẹ-.

Nìkan fi, ti o ba a eniyan nilo a ehin, o ni ọtun adirẹsi fun a kan pato idi, dipo ju to idana fun abẹ ati ki o ko si ìkàwé fun ijumọsọrọ panilara. Ni ibi ti yi ọkan wa ni jade, o ri, ṣugbọn ko gba a ehín iwosan ni kikun. Ti o dara ju ti o le reti a alejo - awọn iforukọsilẹ ati awọn itọsọna (awọn gangan ona) si awọn dokita. Ati lori awọn iranran (lori dide) le yi bi kan si dọkita, ati nlo.

Sugbon nibi ni ojula maa nigbagbogbo rù ni kikun ija, ohunkohun ayipada lori ikojọpọ, mu iroyin sinu awọn akoko ti ẹnikan ti de ... Sugbon ani ninu awọn irú ibi ti o ti jẹ gidi kan aye iwosan, ni igba akọkọ ti o ba be a titun ni ose lati fun to alaye iwe , awọn olubasọrọ, ati ... awọn window registry le ti wa ni pese wipe ibewo si ojula ti a ṣe nigba pipa-wakati, bi ogun ti nipasẹ awọn dokita ni ko wa, a ibùgbé pade wa ni ṣe ni kan yatọ si ọfiisi ...

Point ni awọn Internet aaye

Awọn Ayebaye esi ti awọn oluşewadi ti awọn Internet aaye - ni esi to kan ase si lati oro kan ojula iwe (maa ile), ati ki o si awọn miiran, ni ìbéèrè ti awọn alejo. Ojula Server tun ni images, aza, JavaScript koodu iwe afọwọkọ, PHP, bbl Ko gbogbo PHP-faili se ojúewé, diẹ ninu awọn ti wọn le dahun si ibeere AJAX :. lati gba, ilana ki o si fi alaye.

Kọ a akosile a imolara. Ṣugbọn si sunmọ si ojuami ti Iṣakoso ni Internet aaye kun, o jẹ soro lati mọ ti o si fun kini idi ti a koju, ti o wa ni mu ṣiṣẹ ni awọn orukọ, awọn IP-adirẹsi ati asopọ. Eyikeyi ronu lori awọn nẹtiwọki gba ibi ni software, o kun nipasẹ kan kiri, sugbon tun nipasẹ awọn roboti ti o yatọ si Oti ati nlo nipasẹ awọn ojula ti igbese.

Akosile, jèrè Iṣakoso, o le parí mọ nikan: a ibewo nipasẹ ohun ti browser awọn alejo wá, pẹlu kan itọkasi lati eyi ti IP-adirẹsi, ati niwaju cookies. Nikan ni igbehin le pese alaye bi lati dagba awọn ifilelẹ ti awọn iwe, sugbon nikan ti o ba ti awọn alejo ti tẹlẹ ti nibi. Ni gbogbo awọn miiran igba ti o ti ṣee ṣe lati se ina nikan ni gbogbo esi lati awọn olupin. AJAX-apeere ti o wa ni rorun lati ri lori ayelujara, o yẹ ki o wa ni lo fara. Ašiše ni (lilo) ti XMLHttpRequest ohun lati orin ni ko rorun.

Awọn ìwò esi ati awọn ikọkọ ọrọ

Awọn ìwò esi lati awọn olupin - kan to wopo iwe, tọka si bi awọn ipò ti awọn ohun ti ni a npe ni Ìwé, ati awọn ti o bẹrẹ pẹlu kan ojula ti o jẹ ni idiwon pẹlu awọn oniwe-ìjápọ si awọn miiran ojúewé wa. Sibẹsibẹ, ti o ba awọn alejo mọ awọn orukọ ti awọn miiran ojúewé, won ni o wa ninu oye rẹ ni yio je ko kere pataki ju ọkan pataki Olùgbéejáde. Eyi ni awọn Ayebaye awoṣe, gbogbo ni ẹẹkan: awọn ìwò oniru ati iṣẹ-ti o fojusi lori gbogbo awọn alejo.

Ikọkọ ati kiko - a itesiwaju ti awọn ti tẹlẹ igba ti awọn alejo. Awọn Aaye tẹlẹ mọ ohun ti o ṣe, ti o wà nife ninu ohun ti a bojuwo iwe ati ki o fi o ni iranti, kowe nkankan ni browser cookies.

O lo meji ipilẹ ase si lati awọn server lati gba lati ayelujara ojula ki o si ṣiṣẹ pẹlu rẹ: post ati gba. awọn ìbéèrè esi ni kan gbogbo iwe. Lori awọn Abajade iwe, awọn alejo le mu awọn wọnyi tabi awọn miiran iṣẹlẹ ti wa ni tunto lori awọn iṣẹ ti awọn iwe eroja.

Events iwe eroja

iwe ano le jẹ kiri lati ri alaye, itumo - lati ya awọn awọn akoonu ti a aaye ọrọ ki o si ri wipe o kowe a alejo. Awọn iṣẹlẹ le šẹlẹ lori kan ohun akojọ, aworan, ọrọ apoti. Ni eyikeyi nla, JavaScript-iṣẹ yoo wa ni ṣiṣe awọn, eyi ti o le ṣe AJAX-ìbéèrè bi wọnyi:

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

Bayi InitXML () iṣẹ ni telẹ bi wọnyi (ayípadà var scXHR wa ni apejuwe ita ti awọn iṣẹ):

iṣẹ InitXML (scURL) {

scXHR = asan;

ti o ba ti (window.XMLHttpRequest)
{gbiyanju
{ScXHR = titun XMLHttpRequest ();
} Catch (e) {}
} miran
ti o ba ti (window.ActiveXObject)
{gbiyanju
{ScXHR = titun ActiveXObject ( 'Msxml2.XMLHTTP');
} Catch (e)
{gbiyanju
{ScXHR = titun ActiveXObject ( 'Microsoft.XMLHTTP');
} Catch (e) {}
}
}
ti o ba ti (scXHR)
{
scXHR.open ( 'Gba', scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (asan);
};
}

Iṣẹ yi gba a URL ati ki o bere a ìbéèrè fun o. Gbígbé idahun yoo wa bi ni kete bi yio mu awọn akosile pato ninu awọn URL (ninu apere yi - scSrvPhpWord.php, be ni ../Mphp/ folda ojulumo si root ti awọn ojula), ati ki o yoo bẹrẹ WaitReplySC () iṣẹ, eyi ti lọ si input ti awọn olupin XML-Esi, pẹlu awọn akọle ati akoonu.

server esi

Kosi ni olupin ni a PHP-akosile - a eto ti o bẹrẹ pẹlu awọn fifi sori ẹrọ ti awọn ibaraẹnisọrọ ipo, gba awọn pataki ohun elo, ami-itọju, eyi ti o da lori awọn Olùgbéejáde ìdí:

Orúkọàyè PhpOffice \ PhpWord;

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

ignore_user_abort (otitọ);
set_time_limit (12);

lo PhpOffice \ PhpWord \ MphpObj \ scDocuments;

require_once 'PhpOffice / PhpWord / Autoloader.php';
\ PhpOffice \ PhpWord \ Autoloader :: Forukọsilẹ ();

Ni ipoduduro awọn ibere ti a ami afihan eyikeyi awọn aṣiṣe, fàye idekun a akosile nigbati awọn olumulo àkọọlẹ si pa ati kn a akoko iye lori sise irú lupu - 12 aaya. Next asopọ ìkàwé PhpOffice \ PhpWord fun awọn iwe aṣẹ * .docx.

Bi han loke AJAX-ipenija ( '... cTask = GoPage' + '& cOwnerCode =' + cOwnerCode + '& cSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem) - awọn mẹrin gba-oniyipada, eyi ti o le ko ni le yẹ ki o ṣayẹwo wọn gangan wiwa:

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

Lẹhin ti sise awọn igbaradi igbese akosile pinnu:

yipada ($ cTask) {

irú 'GoPage': // (yi ni a ipenija nigba ti ni ibẹrẹ download tabi sọ awọn iwe)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHtml = iconv ( 'UTF-8', 'CP1251', 'ifaminsi ano ");
$ CActiveItem = iconv ( 'UTF-8', 'CP1251', 'oniyipada');

$ CReply = "scSrvRM | GoPage | ṣeto | {$ cOwnerCode} '{$ cSessionCode} | {$ cContents}' {$ cStatus} | {$ cHtml} | {$ cActiveItem}";

adehun;

}

ati ik apa ti awọn akosile:

akọsori ( "Akoonu-Iru: text / XML; gba-charset = utf-8");
akọsori ( "kaṣe-Iṣakoso: ko si-kaṣe");
iwoyi '';
$ CReply = iconv ( 'CP1251', 'UTF-8', $ cReply); // iyipada lati 'CP1251' ni 'UTF-8'
iwoyi $ cReply;

Ngba onibara esi

Lori iwe ti o ti wa ni ti kojọpọ ni awọn kiri ayelujara, o ti ri pe bi ni kete bi awọn olupin yoo mura a Esi, o yoo wa ni ilọsiwaju iṣẹ WaitReplySC:

sisẹ WaitReplySC () {

gbiyanju {

ti o ba ti (scXHR.readyState == 4) {
ti o ba ti (scXHR.status == 200) {// esi processing

var TestReply = scXHR.responseText;

ti o ba ti ((TestReply.indexOf ( 'parse aṣiṣe')> 0) ||
(TestReply.indexOf ( 'Akiyesi')> 0)) gbigbọn (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]; // server HTML-Esi
var cVarValues = aData [6]; // oniyipada fun awọn Fọọmù

yipada (cCmd) {

irú 'GoPage':

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

adehun;
}

} Tu {
. Document.getElementById ( 'scAreaStatus') innerHTML = "aṣiṣe !!!";
}
}
} Catch (e) {}

}

Bayi, lilo awọn AJAX-apeere, awọn iwe wa ni ti kojọpọ ni browser gba (ni scTestLine ano):

Fesi = [cOwner, cSession, cContents, cStatus, eroja fifi koodu ayípadà iye]

Lori awọn oniduro ti koodu, Ìbòmọlẹ ati ti anpe ni

Page ni awọn kiri ayelujara ati awọn akosile ọrọ kọ ni UTF-8, fun lilo iconv () iṣẹ lati se iyipada Russian ohun kikọ. Awọn iyokù ti awọn egungun ipoduduro nipasẹ koodu ti wa ni irorun ati ki o le wa ni awọn iṣọrọ tun fun eyikeyi pato idi.

Koko ọrọ si ayipada nikan ni processing server esi WaitReplySC () iṣẹ ati awọn gangan akosile koodu ti gbogbo awọn esi. Awọn ipe InitXML iṣẹ (fun a pato scURL ati ki o yẹ data si o) ti wa ni gbe ni iṣẹlẹ handlers lori iwe eroja ati setumo itumo ti awọn wọnyi eroja.

Gbekalẹ apeere ti AJAX-Oorun to "Afowoyi" awọn lilo ti Bluetooth.

Ni orisirisi akoonu isakoso eto (SMS) agbara ti wa ni apejuwe ni awọn ọna oriṣiriṣi, bi ofin, ni awọn ara ti kan pato pato. Fun apẹẹrẹ, Ìbòmọlẹ AJAX ipe ti o ṣeeṣe ti wa ni woye jQuery.ajax () iṣẹ ni boya kan ti o ga ipele: jQuery.get () ati jQuery.post (). Awọn paramita ti wa ni zqwq url ati eto (ṣeto ti bọtini + iye orisii). jQuery.ajax () pada XMLHttpRequest-ohun.

Ìbòmọlẹ lati orin awọn esi ti awọn ti dabaa iṣẹ-ọna: XHR.done () - awọn aseyori pari ti awọn ìbéèrè. XHR.fail () - aṣiṣe mu.

jqXHR.done () ọna yavlyatsya yiyan imudani aseyori pari ti AJAX-ìbéèrè. Rọpo igba atijọ jqXHR.success () ọna.

Bákan náà, awọn lilo ti on Wordpress AJAX-ọna ẹrọ. Nibi, ohun gbogbo ti ni riri ara ni akoonu isakoso eto, o nikan nilo lati lo awọn dabaa be. Awọn iwe aṣẹ ti a ti pese a alaye apejuwe.

AJAX elo da pataki lori yàn irinṣẹ, biotilejepe awọn Afowoyi ti ikede le ṣee lo ni ni afiwe tabi ni afikun si awọn ti o yan akoonu isakoso eto, ọkan tabi miiran version of Ìbòmọlẹ. Awọn igbehin jẹ wulo lati sise lori ara wọn, nitori fere gbogbo igbalode SMS lo o, sugbon kọọkan ninu awọn oniwe-ara ọna.

A Ayebaye apẹẹrẹ ti ohun elo

Simple ati opolopo lilo ti AJAX - rira online itaja. itaja ojúewé ti wa ni nigbagbogbo kún pẹlu ẹrù, bi o tilẹ ni otito, ti won ko le wa ni. Reloading maa n gba akude akoko, sugbon nigba ti a alejo yan a ọja, o le ma kan fun soke lori rẹ tabi yi awọn ayanfẹ, ki awọn ojula jẹ nigbagbogbo wuni lati han ni kiakia.

Maa o ti wa ni mo daju ninu awọn fọọmu ti agbọn ati aami bẹ ni ayika ti a ti yan awọn ohun kan. Laisi awọn lilo ti AJAX ìmúdàgba ayipada si awọn wọnyi eroja ni iṣoro.

AJAX-iwe afọwọkọ ti se ise sise lati fi awọn / yọ awọn ohun to rẹ fun rira, di de facto ni ọpọlọpọ awọn SMS.

Fun deede data gbigbe nipasẹ AJAX fọọmu le ti wa ni akoso ni a mora ona (fun titẹ si ni orukọ ati ọrọigbaniwọle):

Name:
Ọrọigbaniwọle:




wọlé

Nibi imudani:

sisẹ scfWelcomeGo () {

var CNAME = document.fWelcome.cName.value;
var cPass = document.fWelcome.cPass.value;

InitXML ( '../ Mphp / scSrvPhpWord.php? CTask = CheckWelcome'
+ '& CNAME =' + CNAME
+ '& CPass =' + cPass);

}

O ndari si olupin lati sooto awọn alejo ká orukọ ati ọrọigbaniwọle. Awọn akosile sọwedowo awọn alaye ti gba ni awọn olumulo tabili, ati ki o rán pada a esi lori igba ti awọn ti awọn ti o yẹ akosile han ifiranṣẹ kan lori iwe (ṣe ohun igbese) fun aami users, tabi iroyin ti ko si iru olumulo, ati ki o nilo lati wa ni aami-.