AJAX - samplaí. scripteanna AJAX

Soláthraíonn an Idirlíon an cuairteoir ar an infheictheacht gach acmhainn atá óstáil i ngréasán, agus bhrabhsálaí - rochtain trí prótacail líonra, meicníochtaí glaoch ar scripteanna indibhidiúla, a tharchur / an bhfaisnéis. Socraigh de leathanaigh a dhéanann suas ar an suíomh, tá fréimhe coitianta - nasc uathúil (ainm fearainn, ainm nód uathúil).

Is cuma Freagraíonn an acmhainn chun cuairt statically nó dinimiciúil Gineann freagra. Fiú má tá an leagan amach agus inneachar na leathanaigh ag brath ar aon choinníollacha, aonad doroinnte de fhreastalaí cumarsáide agus an cliant (bhrabhsálaí) go bhfuil an HTML-códaithe doiciméad críochnaithe, íomhánna, stílbhileoga, agus comhaid eile ar ábhar agus timpeallacht is gá. Má tá rud éigin mícheart, léiríonn an bhrabhsálaí ar fad go "bhainistiú" a fháil pharsáil agus a fhorghníomhú.

teicneolaíochtaí gealladh fúthu go leor tagtha chun cinn ar feadh i bhfad, ach tá dearmad déanta míchóir nó nár úsáideadh i gceart. An chéad AJAX (samplaí a bhaint as an réad XMLHttpRequest) chuma blianta fada ó shin, ach tá an rath agus Laochra tháinig i bhfad níos déanaí.

Gach nó nach bhfuil ach méid is gá duit

Sa leagan clasaiceach an láithreáin - an t-ainm, an IP-seoladh agus nasc (gach comhchiallaigh-ainmnítear an pointe céanna sa spás Idirlíon). Cad atá taobh thiar an leathanach is mó - cheap: as a stuaim féin nua-aimseartha "dearthóir", nach raibh a iarraidh ar fiú cén fáth go bhfuil sé sin? Cén fáth go bhfuil an suíomh seo an leathanach is mó as ar féidir leat a fháil ar bith eile? An rogha seo - go soiléir nach iontach, tá sé an t-ábhar ar leith agus an fheidhmiúlacht iarbhír.

Go simplí, más rud é riachtanais duine a fiaclóir, is é an seoladh ceart chun críche ar leith, in áit go dtí an chistin le haghaidh máinliachta agus ní go dtí an leabharlann chun teiripeoir comhairliúcháin. San áit inar chas an ceann seo amach, a fheiceann sé, ach ní fhaigheann gclinic fiaclóireachta ina n-iomláine. An chuid is fearr is féidir a bheith ag súil do chuairteoirí - an chlár agus an treo (an cosán cruinn) leis an dochtúir. Agus ar an láthair (maidir le teacht) Féadfaidh athrú mar lia, agus an ceann scríbe.

Ach anseo an suíomh seo de ghnáth luchtú i gcónaí i lón lámhaigh go hiomlán, athruithe rud ar bith ar luchtú, á chur san áireamh an t-am go bhfuil duine i dteagmháil ... Ach fiú amháin i gcás ina bhfuil sé ar clinic saol fíor, an chéad uair a thugann tú cuairt cliant nua a thabhairt go leor leathanach eolais , teagmhálacha, agus ... an chlár fhuinneog a chur ar fáil go ndearnadh an cuairt a thabhairt ar an láithreán le linn lasmuigh uaireanta, mar atá forordaithe ag an dochtúir nach bhfuil ar fáil, tá ceapachán sealadach a rinneadh i oifig eile ...

Pointe sa spás Idirlíon

An freagra clasaiceach na hacmhainne an spás Idirlíon - i mar fhreagra ar iarraidh a eisiúint leathanach shuíomh (de ghnáth sa bhaile), agus ansin an ceann eile, ar iarratas an chuairteora. Tá Suíomh Freastalaí íomhánna, stíleanna, scripteanna cód JavaScript, PHP, etc chomh maith Níl gach PHP-comhaid a dhéanann leathanaigh, is féidir cuid acu freagairt ar iarratais AJAX :. a fháil, a phróiseáil agus mar eolas.

Scríobh script a Léim. Ach ag dul go dtí an pointe rialaithe sa spás Idirlíon, tá sé dodhéanta a chinneadh cé hé agus cén fáth a ndírítear air, is é atá i ngníomh an t-ainm, an IP-seoladh agus an nasc. Bíonn aon ghluaiseacht ar an ngréasán ar siúl i bogearraí, den chuid is mó trí bhrabhsálaí, ach freisin trí na robots de bhunadh éagsúla agus ceann scríbe trí láithreáin eile de ghníomhaíocht.

Script, rialú a fháil, is féidir a fhios go cruinn amháin: cuairt trí cad bhrabhsálaí tháinig an cuairteoir, le tagairt óna IP-seoltaí, agus an láithreacht na fianáin. Ní féidir ach an dara ceann a chur ar fáil faisnéis maidir le foirm an leathanach is mó, ach amháin má tá an cuairteoir anseo cheana. I ngach cás eile is féidir a ghiniúint ach an freagra ginearálta ón bhfreastalaí. AJAX-samplaí atá éasca a fháil ar an Idirlíon, ba chóir a úsáid go cúramach. Earráidí sa (úsáid) an ruda XMLHttpRequest a rianú nach bhfuil sé éasca.

An fhreagairt fhoriomlán agus ar an idirphlé príobháideach

An freagra foriomlán ón bhfreastalaí - leathanach coiteann, dá ngairtear an príomh-rud ar a dtugtar an t-innéacs, agus tosaíonn sé le suíomh atá ag teacht salach ar a naisc leis na leathanaigh eile atá ar fáil. Mar sin féin, más eol don cuairteoir ainmneacha na leathanaigh eile, tá siad ina dtuiscint bheidh nach lú tábhachtaí ná an ceann atá ainmnithe bhforbróir. Seo é an tsamhail clasaiceach, gach ag an am céanna: an dearadh foriomlán agus feidhmiúlacht a dhíríonn ar gach cuairteoir.

idirphlé Príobháideach - a leanúint ar an seisiún roimhe an chuairteora. An suíomh seo a fhios cheana féin cad a rinne sé, go raibh sé suim acu i méid a bhí amharc leathanach agus é a chur i gcuimhne air, scríobh rud éigin i fianáin bhrabhsálaí.

Úsáidtear é dhá iarratas bhunúsach leis an bhfreastalaí a íoslódáil an suíomh seo agus obair leis: POST agus GET. is é an toradh cheist leathanach ar fad. Ar an leathanach úr, is féidir leis an chuairteoir a ghníomhachtú seo nó eile imeachtaí atá cumraithe ar an ngníomh na n-eilimintí leathanach áirithe.

Eilimintí Imeachtaí leathanach

Is féidir le eilimint leathanach a bheith lárnach eolais, brí a aimsiú - a chur ar an t-ábhar ar réimse téacs agus a fháil gur scríobh sé do chuairteoirí. Is féidir leis an ócáid tarlú ar mír roghchlár, pictiúr, bhosca téacs. In aon chás, beidh JavaScript-fheidhm a reáchtáil, is féidir a dhéanamh AJAX-iarratas mar seo a leanas:

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

Dá bhrí sin tá InitXML () fheidhm shainiú mar a leanas (scXHR var athróg cur síos taobh amuigh den fheidhm):

Feidhm InitXML (scURL) {

scXHR = null;

más rud é (window.XMLHttpRequest)
{bain triail
{ScXHR = XMLHttpRequest nua ();
} Catch (e) {}
} eile
más rud é (window.ActiveXObject)
{bain triail
{ScXHR = nua ActiveXObject ( 'Msxml2.XMLHTTP');
} Catch (e)
{bain triail
{ScXHR = nua ActiveXObject ( 'Microsoft.XMLHTTP');
} Catch (e) {}
}
}
más rud é (scXHR)
{
scXHR.open ( 'GET ", scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (null);
};
}

Tógann an fheidhm URL agus tionscnaíonn iarratas chun é. Beidh freagra Asynchronous teacht mar luath agus a bheidh a chomhlíonadh leis an script a shonraítear sa URL (sa chás seo - scSrvPhpWord.php, atá lonnaithe i ../Mphp/ fhillteán i gcomparáid leis fhréamh an láithreáin), agus beidh tús WaitReplySC () fheidhm, a théann chuig an t-ionchur an fhreastalaí XML-freagra, lena n-áirítear an teideal agus ábhar.

bhfreagra ón fhreastalaí

I ndáiríre is é an freastalaí ina PHP-script - clár a thosaíonn leis an tsuiteáil de na coinníollacha riachtanacha, a íoslódáil na saoráidí is gá, réamhchóireáil, a bhraitheann ar na cuspóirí bhforbróir:

ainmspáis PhpOffice \ PhpWord;

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

ignore_user_abort (fíor);
set_time_limit (12);

úsáid PhpOffice \ PhpWord \ MphpObj \ scDocuments;

require_once 'PhpOffice / PhpWord / Autoloader.php';
\ PhpOffice \ PhpWord \ Autoloader :: chlár ();

Arna léiriú tús an marc a léiríonn aon earráidí, cosc ar stopadh script nuair logs an t-úsáideoir de thalamh agus leagann teorainn ama maidir le feidhmiú lúb cás - 12 soicind. leabharlann nasc Next PhpOffice \ PhpWord cháipéisí * docx.

Mar a léirítear thuas, AJAX-dúshlán ( '... cTask = GoPage' + '& cOwnerCode =' + cOwnerCode + '& cSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem) - ceithre GET-athróga, a d'fhéadfadh a bheith Ba cheart seiceáil a n-infhaighteacht iarbhír:

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

Tar éis feidhmiú chinneann an script gníomh ullmhúcháin:

lasc ($ cTask) {

cás 'GoPage': // (tá sé seo dúshlán le linn an íoslódáil tosaigh nó athnuachan an leathanach)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHtml = iconv ( 'UTF-8', 'CP1251', 'códú eilimint ");
$ CActiveItem = iconv ( 'UTF-8', 'CP1251', 'athróg');

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

briseadh;

}

agus an chuid deiridh den script:

header ( "Content-Cineál: text / xml = glacadh-charset = utf-8");
header ( "Cache-Control: no-cache");
macalla '';
$ CReply = iconv ( 'CP1251', 'UTF-8', $ cReply); // athrú ó 'CP1251' in 'UTF-8'
macalla $ cReply;

Dul fhreagairt do chustaiméirí

Ar an leathanach atá luchtaithe sa bhrabhsálaí, fuarthas amach go chomh luath agus a bheidh an fhreastalaí ullmhú freagra, beidh sé a phróiseáil feidhm WaitReplySC:

feidhmiú WaitReplySC () {

bain triail {

más rud é (scXHR.readyState == 4) {
más rud é (scXHR.status == 200) {// próiseála freagartha

var TestReply = scXHR.responseText;

más rud é (( 'Earráid pharsála' TestReply.indexOf ()> 0) ||
(TestReply.indexOf ( 'Fógra')> 0)) airdeall (scXHR.responseText);

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

var cCmd = aData [1];
var CPO = 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]; // freastalaí HTML-freagra
cVarValues var = aData [6]; // athróga haghaidh Foirmeacha

lasc (cCmd) {

cás 'GoPage':

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

briseadh;
}

} {Eile
. Document.getElementById ( 'scAreaStatus') innerHTML = "Earráid !!!";
}
}
} Catch (e) {}

}

Dá bhrí sin, ag baint úsáide as an AJAX-samplaí, tá an leathanach luchtú i bhrabhsálaí a fháil (i eilimint scTestLine):

Freagra = [cOwner, cSession, cContents, cStatus, eilimintí ionchódú luachanna athraitheach]

Maidir le hionadaíocht na cód, jQuery agus WordPress

Leathanach sa bhrabhsálaí agus an téacs script scríofa i UTF-8, lena n-úsáid iconv () fheidhm a thiontú carachtair Rúisis. Is é an chuid eile den chnámharlach arb ionannas dó cód an-simplí agus is féidir a dhéanamh arís go héasca chun aon chríche áirithe.

Faoi réir a athrú ach amháin sa bhfreagra ón fhreastalaí próiseála WaitReplySC () fheidhm agus an cód script iarbhír a ghineann an freagra. Glaonna InitXML fheidhm (do scURL áirithe agus sonraí ábhartha dó) a chur in Láimhseálaithe imeacht ar na heilimintí leathanach agus an bhrí de na heilimintí a shainiú.

samplaí Á chur i láthair de AJAX-dírithe ar "láimhe" úsáid na teicneolaíochta.

I gcóras bainistíochta éagsúla ábhar Déantar cur síos cumais (SMS) ar bhealaí éagsúla, mar riail, i stíl a sainiúlacht leith. Mar shampla, féidearthachtaí glaoch jQuery AJAX atá amach jQuery.ajax () feidhmeanna i gceachtar ar leibhéal níos airde: jQuery.get () agus jQuery.post (). Is é an paraiméadar a tharchuirfear url agus suímh (sraith de eochair péirí + luach). jQuery.ajax () tuairisceáin XMLHttpRequest-réad.

JQuery a rianú ar thorthaí na feidhme-modhanna atá molta: XHR.done () - chun críche go rathúil an t-iarratas. XHR.fail () - láimhseáil earráid.

jqXHR.done () Modh yavlyatsya malartach láimhseálaí chun críche go rathúil AJAX-iarratas. Cuirtear as dáta Modh jqXHR.success ().

Mar an gcéanna, an úsáid a bhaint ar an Wordpress AJAX-theicneolaíocht. Anseo, tá gach rud a ionchlannú féin sa chóras bainistíochta inneachair, is gá duit ach a bhaint as an struchtúr atá beartaithe. Chuir na doiciméid cur síos mionsonraithe.

AJAX Iarratas ag brath go bunúsach ar na huirlisí a roghnaíodh, cé gur féidir leis an leagan láimhe a úsáid in éineacht nó sa bhreis ar an gcóras bainistíochta inneachair roghnaithe, nó leagan eile de jQuery. Is é an dara ceann úsáideach a bheith ag obair ar a gcuid féin, mar gheall ar beagnach gach SMS nua-aimseartha é a úsáid, ach tá gach aon ina bhealach féin.

Is sampla clasaiceach de chur i bhfeidhm

úsáid simplí agus as cuimse de AJAX - Cart ar líne a stóráil. Leathanaigh siopa a líonadh i gcónaí le hearraí, cé i ndáiríre nach féidir iad a. Athlódáil ghnáth Bíonn ama, ach nuair a roghnaíonn do chuairteoirí a táirge, is féidir sé i gcónaí a thabhairt ach suas air nó athrú ar an ceann a roghnaíodh, go bhfuil an suíomh inmhianaithe i gcónaí a chur ar taispeáint go tapa.

De ghnáth, tá sé i gcrích i bhfoirm ciseáin agus marcanna timpeall ítimí roghnaithe. Gan úsáid a bhaint as AJAX athruithe dinimiciúla ar na heilimintí atá fadhbanna.

AJAX-scripteanna a sásraí chun feidhme a chur leis / míreanna a bhaint le do cart, bhí de facto i go leor SMS.

Do Is féidir gnáth sonraí a tharchur trí fhoirm AJAX a bhunú ar bhealach traidisiúnta (chun dul isteach an t-ainm agus do phasfhocal a):