Ajax - faataitaiga. scripts Ajax

Le Initoneti e maua ai le tagata asiasi le vaʻaiga o punaoa taitasi o loo talimalo i se fesootaiga, ma browser - avanoa e ala i taiala o fesootaiga, valaau auala o scripts tagata taitoatasi, faasalalauga / mauaina o faamatalaga. Faatulaga o itulau e faia aʻe ai le nofoaga, ua i ai se upu taatele - o se sootaga tulaga ese (silafia e igoa, se saunoaga node tulaga ese).

E leai se mataupu e tali le punaoa e asiasi statically po dynamically faatupuina se tali. E tusa lava pe afai o le pepa faatumu ma mataupu o le itulau e faalagolago i luga o so o se tuutuuga, indivisible iunite o faigaluega fesootaiga ma le kalani (browser) o le pepa aloaia uma coded-HTML, ata, ituaiga pepa, ma isi faila anotusi ma le siosiomaga talafeagai. Afai e sese se mea, o le browser faaalia uma e "pulea" e maua parse ma faataunuuina.

O le tele o tekinolosi folafola ua tulai mai mo se taimi umi, ae ua tonu galo po o ua le faaaogaina lelei. AJAX Sili (faataitaiga faaaogaina le mea XMLHttpRequest) faaali mai le tele o tausaga ua mavae, ae o le manuia ma le lauiloa o mai mulimuli ane.

Uma po o na o le mea e te manaomia

I le lomiga masani o le nofoaga - o le igoa, o le IP-tuatusi ma se sootaga (upu e uiga tutusa uma faailoaina le tulaga lava lea e tasi i le avanoa o le Initoneti). Le a le mea o loo i tua o lenei itulau autu - mafaufau: i latou lava taumafaiga a nei "mamanuina", lea na le fai atu e oo lava i le mafuaaga e faapea ai? Aisea o le itulau autu o le nofoaga lea e mafai ona maua i so o se isi? O lenei filifiliga - manino lava e le lelei, e le o le anotusi patino ma le functionality moni.

Faaupuga faigofie, pe afai e manaomia e se tagata se fomai nifo, o le tuatusi saʻo mo se faamoemoega faapitoa, nai lo i le umukuka mo se taotoga ma le i le faletusi mo fomai feutagaiga. I le nofoaga lea liliu mai lenei tasi, ua ia vaaia, ae e le maua ai se falemaʻi o nifo i le atoatoa. Le mea sili e mafai ona faamoemoe se tagata asiasi - o le lesitala ma le taitaiga (o le ala tonu) i le fomai. Ma i luga o le nofoaga (i taunuu) e mafai ona suia ai o se fomai, ma taunuuga.

Ae o le nofoaga masani ona utaina i taimi uma i le atoatoa ututau, e leai se mea e suia i luga o utaina, i le amanaia ai i le taimi ua oo mai se tasi ... Ae e oo lava i le tulaga pe afai o se falemaʻi ola moni, o le uluai taimi e te asiasi i se kalani fou e tuuina atu ai le itulau lava faamatalaga , fesootaiga, ma ... e mafai ona tuuina atu e le lesitala faamalama na faia le asiasiga i le nofoaga i le taimi o ese-itula, e pei ona faatonuina e le e le o maua le fomai, ua faia se tofiga lē tumau i se ofisa eseese ...

Point i le avanoa o le Initoneti

O le tali masani o le punaoa o le va Initoneti - i se tali i se talosaga e tuuina atu se itulau nofoaga (e masani lava i le fale), ma le isi, i le talosaga a le tagata asiasi. Nofoaga faigaluega foi o loo i ai ata, ituaiga, JavaScript scripts code, PHP, ma isi E le uma PHP-faila faia itulau, o nisi o latou e mafai ona tali atu i talosaga AJAX :. e talia, faagasologa ma auina atu faamatalaga.

Tusi se faamatalaga a le vave. Ae maua i le tulaga o le pulea i le avanoa o le Initoneti, e lē mafai ona fuafuaina po o ai ma o le a le mafuaaga e faatuatusi, ua faagaoioia o le igoa, o le IP-tuatusi ma sootaga. So o se gaoioiga e manaomia ai i luga o le fesootaiga nofoaga i totonu o polokalama faakomepiuta, faapitoa e ala i se browser, ae faapea foi e ala i le robots eseese tupuaga ma le taunuuga e ala i isi nofoaga o le faatinoga.

Faamatalaga, maua pulea, e mafai ona saʻo iloa na: a asiasiga e ala i mea browser oo mai le tagata asiasi, ma se faasinomaga mai lea IP-tuatusi, ma le afioaga o kuki. E na o le gata e mafai ona tuuina atu faamatalaga e pei ona e fausia ai le itulau autu, ae na o pe afai ua uma ona i ai iinei le tagata asiasi. I isi tulaga e mafai ona faatupuina ai na o le tali lautele mai le faigaluega. AJAX-faataitaiga e faigofie ona maua i le Initoneti, e tatau ona faaaogaina ma le faaeteete. Mea sese i le (faaaogaina) o le mea XMLHttpRequest le faasologa e le faigofie.

O le tali atoa ma le talanoaga tumaoti

O le tali atoa mai le faigaluega - o se itulau e masani ai, o lo o taua e pei o le autu o mea ua taʻua o le faasino upu, ma e amata i se nofoaga o loo i soo se tulaga faigata i lona sootaga i le isi avanoa itulau. Ae peitai, afai o iloa e le tagata asiasi o le igoa o le isi itulau, ua latou i lona malamalama o le a leai se taua tele nai lo le tasi le atinae tofia. O le faataitaiga masani iinei, taimi e tasi: o le fuafuaga atoa ma functionality loo taulai atu i uma tagata asiasi.

talanoaga Tumaoti - o se faaauauga o le sauniga muamua o le tagata asiasi. ua uma ona silafia e le nofoaga o le mea na ia faia, o ia o fiafia i le mea na manatu le itulau ma tuu i totonu o lona mafaufau, na tusia se mea i kuki browser.

E faaaogaina e lua talosaga faavae i le faigaluega e sii maia le nofoaga ma galulue faatasi ma ia: Faapipii ma MAUA. le taunuuga fesili o le a le itulau atoa. I le itulau e mafua, o le tagata asiasi e mafai ona e faatoaaga ai nei po o isi mea e tutupu o loo configured i le gaoioiga o elemene patino itulau.

Mea na Tutupu elemene itulau

e mafai ona avea le ki e maua ai elemene itulau faamatalaga, o lona uiga - e ave le mataupu o aofia ai se tusiga fanua ma iloa ai e tusia se tagata asiasi. O le mea e mafai ona tupu i se mea pe leai, ata, pusa anotusi. I soo se tulaga, o le a taufetuli JavaScript-galuega tauave, lea e mafai ona faatinoina AJAX-talosaga e faapea:

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

Lea InitXML () galuega tauave ua faamatalaina e faapea (ma liuliuina var scXHR ona faamatalaina i fafo atu o le galuega tauave):

galuega tauave InitXML (scURL) {

scXHR = soloia;

pe afai (window.XMLHttpRequest)
{taumafai
{ScXHR = XMLHttpRequest fou ();
} Puʻe (e) {}
} isi
pe afai (window.ActiveXObject)
{taumafai
{ScXHR = ActiveXObject fou ( 'Msxml2.XMLHTTP');
} Puʻe (e)
{taumafai
{ScXHR = ActiveXObject fou ( 'Microsoft.XMLHTTP');
} Puʻe (e) {}
}
}
pe afai (scXHR)
{
scXHR.open ( 'MAUA', scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (soloia);
};
}

O lenei galuega tauave e a URL ma ona muai se talosaga i ai. le a oo mai le tali Asynchronous i se taimi vave o le a faataunuu ai le faamatalaga ua faamaoti mai i le URL (i lenei tulaga - scSrvPhpWord.php, o loo i ../Mphp/ faila e faatatau i aʻa o le saite), ma o le a amata WaitReplySC () galuega tauave, lea e alu atu i le sao o le faigaluega XML-tali, e aofia ai le igoa ma mataupu.

tali faigaluega

O le mea moni o le faigaluega a PHP-tala - o se polokalama e amata i le faapipiiina o le tulaga taua, sii mai le nofoaga e tatau ai, muai togafitiga, lea e faalagolago i faamoemoega o le atinae:

namespace PhpOffice \ PhpWord;

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

ignore_user_abort (moni);
set_time_limit (12);

faaaoga PhpOffice \ PhpWord \ MphpObj \ scDocuments;

require_once 'PhpOffice / PhpWord / Autoloader.php';
\ PhpOffice \ PhpWord \ :: tusi resitala Autoloader ();

Faatusa o le amataga o se faailoga e faailoa ai so o se mea sese, e faasaina taofia se mau pe a ogalaau le tagata e faaaogāina ese ma faatulaga se taimi faatapulaa mo le faatinoina o tulaga matasele - 12 sekone. faletusi sootaga sosoo PhpOffice \ PhpWord mo pepa aloaia * .docx.

E pei ona faaalia i luga AJAX-luitau ( '... cTask = GoPage' + '& cOwnerCode =' + cOwnerCode + '& cSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem) - o le fa maua-fesuiaiga, lea atonu e le e tatau ona siaki latou maua moni:

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

Ina ua maea le faatinoina o filifili le tala gaoioiga sauniuni:

ki ($ cTask) {

tulaga 'GoPage': // (o se luitau lenei i le taimi o le download uluai po o le faafouina le itulau)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHtml = iconv ( 'UTF-8', 'CP1251', 'coding elemene ");
$ CActiveItem = iconv ( 'UTF-8', 'CP1251', 'fesuiaiga');

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

solia;

}

ma le vaega mulimuli o le tusiga:

header ( "Aano-Ituaiga: mau / xml; talia-charset = utf-8");
header ( "Cache-Pulea: e leai se-cache");
toe taʻua '';
$ CReply = iconv ( 'CP1251', 'UTF-8', $ cReply); // le liua mai 'CP1251' i 'UTF-8'
siʻuleo $ cReply;

O le mauaina o tali tagata e faaaogāina auaunaga

I le itulau o loo utaina i le browser, sa iloa ai o le taimi lava e saunia ai le a le faigaluega se tali, o le a faatinoina galuega tauave WaitReplySC:

galulue WaitReplySC () {

taumafai {

pe afai (scXHR.readyState == 4) {
pe afai (scXHR.status == 200) {// tali gaosi

var TestReply = scXHR.responseText;

pe afai ((TestReply.indexOf ( 'Parse sese')> 0) ||
(TestReply.indexOf ( 'Faasilasilaga')> 0)) mataala (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]; // faigaluega HTML-tali
var cVarValues = aData [6]; // fesuiaiga mo Pepa

ki (cCmd) {

tulaga 'GoPage':

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

solia;
}

} Isi {
. Document.getElementById ( 'scAreaStatus') innerHTML = "sese !!!";
}
}
} Puʻe (e) {}

}

O lea, o le faaaogaina o le AJAX-faataitaiga, ua utaina le itulau i browser maua (i le elemene scTestLine):

Tali = [cOwner, cSession, cContents, cStatus, elemene encoding ma liuliuina faatauaina]

I le faatusa o code, jQuery ma WordPress

Page i le browser ma le faamatalaga mau tusia i UTF-8, mo le faaaogaina iconv () galuega tauave e faaliliu tagata Rusia. O le vaega o totoe o le auivi sui code e matua faigofie ma e mafai ona faigofie ona toe faia mo so o se faamoemoega faapitoa.

Noatia ma fai fuafua e suia ai na o le tali faigaluega gaosi WaitReplySC () galuega tauave ma le code faamatalaga moni e faatupuina le tali. Taʻu galuega tauave InitXML (mo se faapitoa scURL ma faamatalaga talafeagai i ai) ua tuuina i mea handlers i luga o le elemene le itulau ma faamatala le uiga o nei elemene.

Fofogaina faataitaiga o AJAX-taulai i "tusi lesona" o le faaaogaina o tekinolosi.

I faiga tau pulega mataupu eseese (SMS) le mafai gafatia o loo faamatalaina i ni auala eseese, e pei o se tulafono faafoe, i le faiga o se specificity faapitoa. Mo se faataitaiga, e iloa avanoa valaau jQuery AJAX jQuery.ajax () galuega tauave a le o se tulaga maualuga atu: jQuery.get () ma jQuery.post (). Ua faaooina atu parameter URL ma tulaga (seti o taitoalua ki + taua). jQuery.ajax () toe foi XMLHttpRequest-mea.

JQuery le faasologa o le taunuuga o le fuafuaina o galuega tauave-auala: XHR.done () - o le faamaeaina manuia o le talosaga. XHR.fail () - taulimaina mea sese.

jqXHR.done () auala yavlyatsya maea faamanuiaina Handler isi o AJAX-talosaga. Suia le toe aoga jqXHR.success () auala.

E faapena foi, o le faaaogaina o le i Wordpress AJAX-tekinolosi. Iinei, ua toto e lava mea uma i totonu o le faiga tau pulega mataupu, e manaomia na o oe e te faaaogaina le faatulagaga fuafuaina. O le pepa aloaia e tuuina atu se faamatalaga auiliili.

faalagolago AJAX Talosaga moni i luga o le meafaigaluega filifilia, e ui lava e le mafai ona faaaoga le lomiga tusi lesona i le tutusa po o le faaopoopo atu i le faiga tau pulega mataupu filifilia, o se tasi po o se isi lomiga o jQuery. Le gata e aoga e galulue ai i latou lava, ona toetoe lava faaaoga uma SMS po nei, ae taitasi i lona lava ala.

O se faataitaiga lauiloa o le talosaga

faaaogaina faigofie ma exponential o AJAX - taavale faleoloa i le initoneti. ua tumu pea itulau faleoloa i oloa, e ui o le mea moni e le mafai ona i ai. Reloading e masani lava ona manaomia ai le taimi tele, ae ina ua e filifilia se tagata asiasi o se oloa, e le mafai i taimi uma na tuuina atu i luga ia te ia po o le suia o le tasi filifilia, e manaomia i taimi uma e faaali atu vave le saite.

E masani lava ona iloa i le tulaga o ato ma faailoga o loo siomia ai mea filifilia. E aunoa ma le faaaogaina o AJAX suiga maoae i nei elemene o problematic.

AJAX-scripts e faatino auala e faaopoopo / aveese mea i lau taavale, na avea faapouliuli i le tele o SMS.

Mo le auina atu o faamatalaga masani e ala i faiga AJAX e mafai ona faia i se faiga e masani ai (mo le ulufale atu i le igoa ma le upu faataga):