Ajax - atụ. Ajax scripts

The Internet na-enye esenowo visibiliti nke ọ bụla ịgakwuru maka enyemaka na-kwadoro na a na netwọk, na ihe nchọgharị - ohere via network ogbugba ndu, oku na-aga usoro nke onye scripts, nnyefe / n'ikuku nke ozi. Nịm nke peeji nke na-eme ka saịtị, nwere a nkịtị mgbọrọgwụ - a pụrụ iche njikọ (ngalaba aha, a pụrụ iche ọnụ address).

N'agbanyeghị na akụ na-eme gaa statically ma ọ bụ dynamically site a omume. Ọbụna ma ọ bụrụ na ụdị na ọdịnaya nke na peeji nke na-adabere ọ bụla ọnọdụ, indivisible unit nke nkwurịta okwu nkesa na ahịa (nchọgharị) bụ okokụre HTML-nzobe akwụkwọ, ihe oyiyi, style Ibé akwụkwọ, na ndị ọzọ na faịlụ dị mkpa ọdịnaya na gburugburu ebe obibi. Ọ bụrụ na ihe na-ezighị ezi, nchọgharị na-egosiputa niile nke na-"jisiri" na-parse na e kpere.

Ọtụtụ ekwe teknụzụ pụta maka a ogologo oge, ma e-ezighị ezi, echefu ma ọ bụ na e ji mee ihe n'ụzọ kwesịrị ekwesị. First AJAX (atụ iji XMLHttpRequest ihe) pụtara ọtụtụ afọ gara aga, ma ihe ịga nke ọma na ama bịara ukwuu mgbe e mesịrị.

All ma ọ bụ naanị ihe dị gị mkpa

Na kpochapụwo version nke saịtị - aha, na IP-adreesị na a njikọ (niile synonyms e otu ihe ahụ na Internet ohere). Nso ina n'azụ a isi na peeji nke - chere: na ha onwe ha ụzọ a oge a "mmebe", nke na-ọbụna na-agwa ya mere na ọ bụ otú ahụ? Gịnị mere na saịtị bụ isi na peeji nke ị nwere ike nweta ọ bụla ọzọ? Nke a na nhọrọ - doro anya na ezigbo, ọ bụ kpọmkwem ọdịnaya na n'ezie arụmọrụ.

Nanị tinye, ma ọ bụrụ na a mmadụ mkpa a dọkịta ezé, ọ bụ ihe ziri ezi okwu maka otu nzube kpọmkwem, kama na kichin maka ịwa ahụ na ghara ọbá akwụkwọ maka oge therapist. N'ebe a otu tụgharịrị, ọ na-ahụ, ma ọ dịghị enweta a ọgwụ eze na zuru. The kasị mma na ike na-atụ anya a esenowo - ndekọ na direction (kpọmkwem ụzọ) na nke dọkịta. Na na ntụpọ (na mbata) nwere ike ịgbanwe ka a dibịa, na ebe.

Ma, ebe a bụ na saịtị na-emekarị mgbe kwajuru na zuru mgbọ, ọ dịghị ihe na-agbanwe n'ahụ loading, na-ewere n'ime akaụntụ oge na onye-abịa ... Ma ọbụna n'ihe ebe ọ bụ a ndụ n'ezie ụlọ ọgwụ, na oge mbụ ị gara a ọhụrụ ahịa na-enye ihe ọmụma zuru ezu page , kọntaktị, na ... na window ndekọ nwere ike nyere na nleta saịtị e mere n'oge anya-awa, dị ka ọgwụ site dọkịta bụ adịghị, a nwa oge oru bụ na e mere a dị iche iche ụlọ ọrụ ...

Point na Internet ohere

The classic nzaghachi nke akụ nke Internet ohere - omume a arịrịọ inye a saịtị page (na-emekarị n'ụlọ), mgbe ahụ, ndị ọzọ, na arịrịọ nke esenowo. Site Server nwekwara ihe oyiyi, na uwe, JavaScript code scripts, PHP, wdg Ọ bụghị ihe niile PHP-files eme peeji nke, ụfọdụ n'ime ha nwere ike ikwu na AJAX arịrịọ :. inweta, usoro na zipu ozi.

Dee a script a snap. Ma na-ruo n'ókè nke na-achịkwa ndị Internet ohere, ọ gaghị ekwe omume iji chọpụta onye na ihe kpatara okwu, na-arụ ọrụ bụ aha, na IP-adreesị na njikọ. Ọ bụla ije na netwọk na-ewe ebe software, tumadi site a nchọgharị, ma site na ígwè ọrụ dị iche iche si malite na ebe site saịtị ndị ọzọ nke ime ihe.

Edemede, nweta akara, nwere ike n'ụzọ ziri ezi mara naanị: a nleta site ihe nchọgharị esenowo bịara, na a akwụkwọ nke IP-adreesị, na ọnụnọ nke kuki. Naanị nke ikpeazụ nwere ike nye ihe ọmụma dị ka na-etolite isi na peeji nke, ma ọ bụrụ na esenowo ama n'ebe a. Na niile ndị ọzọ na ọ bụ omume na-n'ịwa naanị izugbe omume site na ihe nkesa. AJAX-atụ na ndị mfe ịchọta na Internet, ga-eji nke ọma. Njehie na (ojiji) nke XMLHttpRequest ihe soro adịghị mfe.

The n'ozuzu nzaghachi na nkeonwe mkparịta

The n'ozuzu nzaghachi site na ihe nkesa - a nkịtị page, kwuru na dị ka ndị isi nke ihe a na-akpọ index, na ọ na-amalite na a na saịtị na-na-emegide ya njikọ nke ndị ọzọ na peeji dị. Otú ọ dị, ọ bụrụ na esenowo maara aha nke ọzọ na peeji nke ha, ha na-na nghọta ya ga-enweghị adịghị mkpa karịa onye ẹkedọhọde Mmepụta. Ebe a bụ kpochapụwo nlereanya, ihe niile ozugbo: n'ozuzu imewe na ọrụ na-na-elekwasị anya na niile ọbịa.

Private mkparịta - a n'ihu nke oge gara aga nke esenowo. The saịtị ugbua maara ihe o mere, na ọ bụ mmasị na ihe anya na peeji nke na-etinye ya na ya na ebe nchekwa, dere, sị ihe nchọgharị kuki.

Ọ na-eji abụọ bụ isi arịrịọ ka server ibudata na saịtị na-arụ ọrụ na ya: Post na-esi. nke njụ-ajụjụ N'ihi bụ a dum na peeji nke. On dapụtara page, esenowo ike ịgbalite ndị a ma ọ bụ ihe omume ndị ọzọ na-ahazi na-eme ụfọdụ page ọcha.

Ihe page ọcha

page mmewere nwere ike isi na-ahụ na ozi, pụtara - na-ọdịnaya nke a ederede ubi na-ahụ na ọ dere a esenowo. The omume nwere ike ime na a menu item, picture, ederede igbe. Na nke ọ bụla, JavaScript-ọrụ ga na-agba ọsọ, nke nwere ike igosi AJAX-arịọ arịrịọ dị ka ndị a:

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

N'ihi ya InitXML () ọrụ na a kọwara dị ka ndị a (agbanwe var scXHR ike kọwara na mpụga nke ọrụ):

ọrụ InitXML (scURL) {

scXHR = null;

ma ọ bụrụ na (window.XMLHttpRequest)
{agbalị
{ScXHR = ọhụrụ XMLHttpRequest ();
} Enwetaghị (e) {}
} ọzọ
ma ọ bụrụ na (window.ActiveXObject)
{agbalị
{ScXHR = ọhụrụ ActiveXObject ( 'Msxml2.XMLHTTP');
} Enwetaghị (e)
{agbalị
{ScXHR = ọhụrụ ActiveXObject ( 'Microsoft.XMLHTTP');
} Enwetaghị (e) {}
}
}
ma ọ bụrụ na (scXHR)
{
scXHR.open ( 'inwe', scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (null);
};
}

Ọrụ a na-ewe a URL na-anabata ndị a arịrịọ maka ya. Asynchronous azịza ga-abịa dị ka n'oge na-adịghị dị ka ga-emezu edemede kpọmkwem na URL (na nke a - scSrvPhpWord.php, emi odude ke ../Mphp/ folder ikwu mgbọrọgwụ nke saịtị), na ọ ga-amalite WaitReplySC () ọrụ, nke na-aga na input nke server XML-nzaghachi, tinyere aha na ọdịnaya.

server omume

N'ezie nkesa bụ a PHP-script - a omume na-amalite na nwụnye nke dị oké mkpa na ọnọdụ, download ndị dị mkpa ụlọ ọrụ, tupu ọgwụgwọ, nke na-adabere na Mmepụta nzube:

namespace PhpOffice \ PhpWord;

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

ignore_user_abort (ezi);
set_time_limit (12);

iji PhpOffice \ PhpWord \ MphpObj \ scDocuments;

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

Na-anọchi anya na mmalite nke a akara na-egosi ọ bụla njehie, machibidoro nkwụsị a script mgbe onye ọrụ dekọọ anya ma na-eme a oge ịgba na-arụ ikpe loop - 12 sekọnd. Next njikọ n'ọbá akwụkwọ PhpOffice \ PhpWord maka akwụkwọ * .docx.

Dị ka e gosiri n'elu AJAX-ịma aka ( '... cTask = GoPage' + '& cOwnerCode =' + cOwnerCode + '& cSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem) - anọ na--variables, nke nwere ike ịbụ ga-elele ha n'ezie nnweta:

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

Mgbe n'ịrụ preparatory edinam script kpebie:

mgba ọkụ ($ cTask) {

ikpe 'GoPage': // (a bụ ihe ịma aka n'oge mbụ download ma ọ bụ ume page)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHtml = iconv ( 'UTF-8', 'CP1251', 'nzuzo mmewere ");
$ CActiveItem = iconv ( 'UTF-8', 'CP1251', 'variables');

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

agbaji;

}

na akụkụ ikpeazụ nke ihe ndị edemede:

nkụnye eji isi mee ( "Content-Type: ederede / XML; anabata-charset = utf-8");
nkụnye eji isi mee ( "Cache-Control: dịghị-cache");
ikwughachi '';
$ CReply = iconv ( 'CP1251', 'UTF-8', $ cReply); // akakabarede si 'CP1251' na 'UTF-8'
nkuzi mgbamejije $ cReply;

Inweta ahịa nzaghachi

Na peeji nke na a na-kwajuru na nchọgharị, ọ hụrụ na ka anya dị ka ihe nkesa ga-akwadebe a nzaghachi, ọ ga-esichara ọrụ WaitReplySC:

na-arụ ọrụ WaitReplySC () {

agbalị {

ma ọ bụrụ na (scXHR.readyState == 4) {
ma ọ bụrụ na (scXHR.status == 200) {// nzaghachi nhazi

var TestReply = scXHR.responseText;

ma ọ bụrụ na ((TestReply.indexOf ( 'parse njehie')> 0) ||
(TestReply.indexOf ( 'Rịba ama')> 0)) njikere (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-omume
var cVarValues = aData [6]; // variables maka Bụla

mgba ọkụ (cCmd) {

ikpe 'GoPage':

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

agbaji;
}

} Dịghị {
. Document.getElementById ( 'scAreaStatus') innerHTML = "Error !!!";
}
}
} Enwetaghị (e) {}

}

N'ihi ya, na-eji AJAX-atụ, na peeji nke a na-kwajuru na nchọgharị enweta (na scTestLine mmewere):

Zaghachi = [cOwner, cSession, cContents, cStatus, ọcha ngbanwe agbanwe ụkpụrụ]

On ihe yiri koodu, Jquery na WordPress

Page na nchọgharị na script ederede dere na UTF-8, maka ojiji iconv () ọrụ iji tọghata Russian odide. The ike nke ọkpụkpụ anọchi anya koodu dị nnọọ mfe ma nwere ike mfe ugboro ugboro n'ihi na ọ bụla akpan akpan nzube.

Isiokwu ịgbanwe naanị ke nhazi server nzaghachi WaitReplySC () ọrụ na-ahụ n'ezie script koodu na site na nzaghachi. Kpọọ InitXML ọrụ (n'ihi na a akpan akpan scURL na mkpa data ya) na-enịm ke omume ahụ maka na peeji nke ọcha na-akọwa ndị a pụtara ọcha.

Ọkọnọ ihe atụ nke AJAX-gbakwasara "ntuziaka" ojiji nke technology.

Dị iche iche na ọdịnaya management usoro (SMS) ike na-kọwara na ụzọ dị iche iche, dị ka a na-achị, ke ẹbọ nke a akpan akpan specificity. Ka ihe atụ, Jquery AJAX oku ohere na-ghọtara jQuery.ajax () ọrụ na ma a elu: jQuery.get () na jQuery.post (). Dị ka a oke gafere na url na ntọala (set nke abụọ isi + uru). jQuery.ajax () laghachi XMLHttpRequest-ihe.

Jquery soro na-arụpụta nke chọrọ ọrụ-ụzọ: XHR.done () - ihe ịga nke ọma ẹkụre arịrịọ. XHR.fail () - njehie njikwa.

jqXHR.done () usoro yavlyatsya ọzọ handler ọma ẹkụre AJAX-arịọ arịrịọ. Anọchie Anya ochie jqXHR.success () usoro.

N'otu aka ahụ, ojiji nke na WordPress AJAX-technology. Ebe a, ihe niile kụnyere onwe ke ọdịnaya management usoro, gị na mkpa iji na chọrọ Ọdịdị. The akwụkwọ nyere nkọwa zuru ezu.

AJAX Ngwa adabere nnoo na họọrọ ngwaọrụ, ọ bụ ezie na akwụkwọ ntuziaka version nwere ike ji mee ihe yiri ma ọ bụ na mgbakwunye na nke họrọ ọdịnaya management usoro, otu ma ọ bụ ọzọ version of Jquery. Nke ikpeazụ bụ bara uru na-arụ ọrụ na ha onwe ha, n'ihi na ọ fọrọ nke nta niile n'oge a SMS-eji ya, ma onye ọ bụla na ya onwe ya.

A kpochapụwo atụ nke ngwa

Dị Mfe na exponential ojiji nke AJAX - Cart online store. ụlọ ahịa na peeji nke na-mgbe jupụtara ibu, ọ bụ ezie na eziokwu na ha nwere ike ịbụ. Reloading emekarị na-ewe oge, ma mgbe a esenowo-ahọrọ a ngwaahịa, ọ pụrụ nnọọ inye elu na ya ma ọ bụ ịgbanwe onye a họọrọ, na saịtị bụ mgbe na-achọsi ike na-egosipụta ngwa ngwa.

Na-emekarị na ọ na-ghọtara na ụdị nkata na akara gburugburu họrọ ihe. N'ejighị AJAX ike mgbanwe ndị a ọcha bụ mfịna.

AJAX-scripts na mejuputa usoro Tinye / Wepụ ihe na gị na ụgbọ ibu, ghọrọ de facto ọtụtụ SMS.

N'ihi na nkịtị data nnyefe site AJAX ụdị nwere ike guzobere a ot n'ụzọ (n'ihi na-abanye aha na paswọọdụ):

<Ụdị aha = 'fWelcome' edinam = 'index.php' usoro = 'post'>