AJAX - उदाहरण। AJAX लिपि

पहुँच नेटवर्क प्रोटोकल, व्यक्तिगत लिपि को कल तंत्र, जानकारी को प्रसारण / स्वागत मार्फत - इन्टरनेटमा को आगन्तुक नेटवर्क मा गरिएको हो कि प्रत्येक स्रोत दृश्यात्मकता, र ब्राउजर प्रदान गर्दछ। एक अद्वितीय लिंक (डोमेन नाम, एक अद्वितीय नोड ठेगाना) - अप साइट बनाउन पृष्ठ को सेट, एक साधारण मूल छ।

कुनै कुरा स्रोत स्थिर वा गतिशील रूप भ्रमण जवाफ प्रतिक्रिया उत्पन्न गर्छ। फारम र पृष्ठ सामग्री कुनै पनि अवस्थामा, संचार सर्भर को indivisible एकाइ र ग्राहक (ब्राउजर) मा निर्भर समेत समाप्त HTML-coded कागजात, चित्र, शैली पाना, र अन्य फाइलहरू आवश्यक सामग्री र वातावरण छ। केही गलत हो भने, ब्राउजर सबै कि पार्स र कार्यान्वयन प्राप्त गर्न "व्यवस्थित" छ प्रर्दशन गर्दछ।

होनहार धेरै प्रविधिहरू लामो समय को लागि देखा, तर बेमनासिब भूल गरिएको छ वा राम्ररी प्रयोग गरिएको छैन। पहिलो आजाक्स (उदाहरण XMLHttp रिक्वेस्ट वस्तु प्रयोग) धेरै वर्ष पहिले देखा, तर सफलता र ख्याति धेरै पछि आए।

सबै वा तपाईंले मात्र के आवश्यक छ

साइट को क्लासिक संस्करण मा - को नाम, आईपी-ठेगाना र लिंक (सबै पर्यायवाची इन्टरनेट ठाउँ मा नै बिन्दु designating)। यो मुख्य पृष्ठ पछि के निहित - लाग्यो: आफ्नै पहल मा त छ किन सोध्न जो भएन आधुनिक "डिजाइनर"? किन साइट तपाईं कुनै पनि अन्य प्राप्त गर्न सक्छन् जो देखि मुख्य पृष्ठ हो? यो विकल्प - स्पष्ट छैन आदर्श, यो छ विशिष्ट सामग्री र वास्तविक कार्यक्षमता।

बस एक व्यक्ति एक दन्त चिकित्सक पर्छ भने यसलाई बरु सर्जरी लागि र परामर्श चिकित्सक लागि पुस्तकालयमा भान्सा भन्दा, एक विशिष्ट उद्देश्य को लागि सही ठेगाना हो, राखे। यो एक बाहिर गरिएका ठाउँमा मा, उहाँले देख्नुहुन्छ, तर पूर्ण मा एक दन्त क्लिनिक प्राप्त गर्दैन। रजिस्ट्री र दिशा (सही बाटो) डाक्टर - एक आगन्तुक आशा गर्न सक्छौं कि सबै भन्दा राम्रो। र स्थान (आगमन मा) मा एक चिकित्सक र गन्तव्य रूपमा परिवर्तन हुन सक्छ।

तर यहाँ सामान्यतया सधैं पूर्ण बारूद मा लोड साइट, केही, लोड मा परिवर्तन खातामा कसैले आएको छ कि समय ... तर पनि जहाँ यो एक वास्तविक जीवन क्लिनिक, तपाईं पर्याप्त जानकारी पृष्ठ दिन नयाँ ग्राहक भ्रमण पहिलो पटक हो मामला मा छ , सम्पर्क, र ... विन्डो रजिस्ट्री साइटमा भ्रमणको बन्द-घण्टा समयमा गरेको थियो, डाक्टर द्वारा निर्धारित प्रदान गर्न सकिन्छ अस्थायी नियुक्ति फरक कार्यालय बनेको छ, उपलब्ध छैन ...

इन्टरनेटमा ठाउँ बिन्दु

को आगन्तुक को अनुरोध मा, एक साइट पृष्ठ (सामान्यतया घर), र त्यसपछि अन्य जारी गर्न अनुरोध प्रतिक्रिया - इन्टरनेटमा ठाउँ को स्रोत को क्लासिक प्रतिक्रिया। साइट सर्भर पनि चित्र, शैलीहरू, जाभास्क्रिप्ट कोड लिपि, PHP, आदि समावेश सबै PHP-फाइलहरू पृष्ठ गर्न, तिनीहरूलाई केही प्राप्त गर्न, प्रक्रिया र जानकारी पठाउन आजाक्स अनुरोध गर्न :. प्रतिक्रिया गर्न सक्नुहुन्छ।

एक लिपि एक तस्वीर लेख्नुहोस्। तर इन्टरनेट ठाउँ मा नियन्त्रण बिन्दु गर्न प्राप्त, यो असम्भव गर्ने र सम्बोधन के कारणले, सक्रिय छ भन्ने नाम, आईपी-ठेगाना र लिंक छ निर्धारण छ। नेटवर्कमा कुनै पनि आन्दोलन मुख्य रूप ब्राउजर मार्फत, तर पनि कार्य को अन्य साइटहरु मार्फत विभिन्न मूल र गन्तव्य रोबोट मार्फत, सफ्टवेयर मा स्थान लिन्छ।

को आगन्तुक आए के ब्राउजर मार्फत एउटा यात्रा, एउटा सन्दर्भ जो आईपी-ठेगाना, र कुकीहरू उपस्थिति देखि: लिपि, नियन्त्रण, सही मात्र थाहा सक्नुहुन्छ पाउन। मुख्य पृष्ठ गठन गर्ने रूपमा मात्र उत्तरार्द्ध जानकारी प्रदान गर्न सक्छन्, तर आगन्तुक पहिले नै यहाँ गरिएको छ भने मात्र। अन्य सबै अवस्थामा यो सर्भर मात्र सामान्य प्रतिक्रिया उत्पन्न गर्न सम्भव छ। इन्टरनेटमा खोज्न सजिलो हो कि आजाक्स-उदाहरणहरू राम्ररी प्रयोग गर्नुपर्छ। को XMLHttp रिक्वेस्ट वस्तुको (प्रयोग) ट्र्याक गर्न त्रुटिहरू सजिलो छैन।

समग्र प्रतिक्रिया र निजी संवाद

सर्भर देखि समग्र प्रतिक्रिया - एक साधारण पृष्ठ, सूचकांक भनिन्छ के को प्रमुख रूपमा उल्लेख, र यो उपलब्ध अन्य पृष्ठहरू यसको लिंक संग नहुनु मा छ कि एक साइट सुरु। तर, आगन्तुक अन्य पृष्ठहरू नाम थाह भने तिनीहरू उहाँको समझ मा एक डिजाइन विकासकर्ता भन्दा कुनै कम महत्त्वपूर्ण हुनेछ छन्। समग्र डिजाइन र कार्यक्षमता सबै आगंतुकों हो: यहाँ क्लासिक मोडेल, सबै एकैचोटि छ।

निजी संवाद - यो आगन्तुक को अघिल्लो सत्र को एक निरंतरता। साइट पहिले नै के उहाँले पृष्ठ हेरिएको थियो के मा रुचि थियो र यो आफ्नो स्मृति राख्नुभएको, ब्राउजर कुकीहरू कुरा लेखे, त्यो गरे थाह छ।

पोस्ट र प्राप्त: यो साइट डाउनलोड र उहाँलाई काम गर्न सर्भर दुई आधारभूत अनुरोध गरिन्छ। प्रश्न परिणाम पूरै पृष्ठ हो। परिणामस्वरूप पृष्ठ मा, आगन्तुक केहि पृष्ठ तत्व को कार्य मा कन्फिगर छन् यी वा अन्य घटनाहरू सक्रिय गर्न सक्नुहुन्छ।

घटनाहरू पृष्ठ तत्व

एउटा पाठ क्षेत्रमा सामग्रीहरू लिन र यो एक आगन्तुक लेखेका पाउन - पृष्ठ तत्व जानकारी, अर्थ खोज्न प्रमुख हुन सक्छ। घटना मेनु वस्तु, चित्र, पाठ बाकसमा उत्पन्न गर्न सक्नुहुन्छ। कुनै पनि मामला मा, जाभास्क्रिप्ट-समारोह निम्नानुसार जो आजाक्स अनुरोध प्रदर्शन गर्न सक्छन्, सञ्चालन गरिनेछ:

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

निम्नानुसार यसरी InitXML () समारोह परिभाषित गरिएको छ (चल var scXHR समारोह को बाहिर वर्णन गर्न):

समारोह InitXML (scURL) {

scXHR रिक्त =;

यदि (window.XMLHttpRequest)
{प्रयास
{ScXHR = नयाँ XMLHttp रिक्वेस्ट ();
} क्याच (ई) {}
} अरू
यदि (window.ActiveXObject)
{प्रयास
{ScXHR = नयाँ ActiveXObject ( 'Msxml2.XMLHTTP');
} क्याच (ई)
{प्रयास
{ScXHR = नयाँ ActiveXObject ( 'Microsoft.XMLHTTP');
} क्याच (ई) {}
}
}
यदि (scXHR)
{
scXHR.open ( 'प्राप्त', scURL);
scXHR.onreadystatechange = WaitReplySC;
scXHR.send (शून्य);
};
}

यो समारोह एउटा URL लिन्छ र यसको लागि अनुरोध शुरू। (यस मामला मा - scSrvPhpWord.php, साइट को मूल गर्न ../Mphp/ फोल्डर नातेदार स्थित) asynchronous जवाफ मा URL निर्दिष्ट लिपि पूरा रूपमा बित्तिकै आउनेछ, र WaitReplySC () समारोह, सर्भर XML प्रतिक्रिया को इनपुट जान्छ जो सुरु हुनेछ, शीर्षक र सामग्री सहित।

सर्भर प्रतिक्रिया

वास्तवमा सर्भर एक PHP-लिपि छ -, आवश्यक अवस्थाको स्थापना सुरु कि आवश्यक सुविधाहरु, जो विकासकर्ता उद्देश्यका निर्भर पूर्व-उपचार, डाउनलोड एक कार्यक्रम:

नाम स्थान PhpOffice \ PhpWord;

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

ignore_user_abort (साँचो);
set_time_limit (12);

PhpOffice \ PhpWord \ MphpObj \ scDocuments प्रयोग;

require_once 'PhpOffice / PhpWord / Autoloader.php';
\ PhpOffice \ PhpWord \ Autoloader :: रजिस्टर ();

कुनै पनि त्रुटिहरू संकेत चिनारी को शुरुवात प्रतिनिधित्व, एक लिपि रोक निषेधित प्रयोगकर्ता र बन्द लग गर्दा प्रदर्शन मामला पाश मा एक समय सीमा सेट - 12 सेकेन्ड। कागजातहरू लागि अर्को लिंक लाइब्रेरी PhpOffice \ PhpWord * .docx।

आजाक्स-चुनौती माथि देखाइएको ( '... cTask = GoPage' + 'र cOwnerCode =' + cOwnerCode + 'र cSessionCode =' + cSessionCode + 'र cActiveItem =' + cActiveItem) - चार गेट-चर, जो नहुन सक्छ उनको वास्तविक उपलब्धता जाँच गर्नुपर्छ:

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

प्रदर्शन पछि प्रिपेरेटरी कार्य लिपि निर्णय:

स्विच ($ cTask) {

मामला 'GoPage': // (यो प्रारम्भिक डाउनलोड अवधिमा चुनौती छ वा पृष्ठ ताजा)

$ COwnerCode = 'cOwner';
$ CSessionCode = 'cSession';
$ CContents = 'cContents';
$ CStatus = 'cStatus';
$ CHTML = iconv ( '-8', 'सीपी 1251', 'तत्व कोडिङ ");
$ CActiveItem = iconv ( '-8', 'सीपी 1251', 'चर');

$ CReply = "scSrvRM | GoPage | सेट | {$ cOwnerCode}` {$ cSessionCode} | {$ cContents} `{$ cStatus} | {$ CHTML} | {$ cActiveItem}";

तोड;

}

र लिपि को अन्तिम भाग:

हेडर ( "सामग्री-प्रकार: पाठ / XML; स्वीकार-वर्णहरु = UTF-8");
हेडर ( "क्यास-नियन्त्रण: कुनै-क्यास");
झल्काउँछ '';
$ CReply = iconv ( 'सीपी 1251', '-8', $ cReply); // '-8' मा 'सीपी 1251' बाट रूपान्तरण
प्रतिध्वनि $ cReply;

ग्राहक प्रतिक्रिया प्राप्त

ब्राउजरमा लोड छ पृष्ठमा, यो फेला परेन सर्भर प्रतिक्रिया तयार हुनेछ बित्तिकै, यो प्रक्रिया हुन समारोह WaitReplySC हुनेछ:

काम WaitReplySC () {

प्रयास {

यदि (scXHR.readyState == 4) {
यदि (scXHR.status == 200) {// प्रतिक्रिया प्रक्रिया

var TestReply = scXHR.responseText;

यदि ((TestReply.indexOf ( 'पदवर्णनत्रुटिअवैध')> 0) ||
(TestReply.indexOf ( 'सूचना')> 0)) चेतावनी (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]; // सर्भर HTML प्रतिक्रिया
var cVarValues = aData [6]; // फारम लागि चर

स्विच (cCmd) {

मामला 'GoPage':

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

तोड;
}

} अरू {
। Document.getElementById ( 'scAreaStatus') innerHTML = "त्रुटि !!!";
}
}
} क्याच (ई) {}

}

तसर्थ, आजाक्स-उदाहरणहरू प्रयोग गरेर पृष्ठ ब्राउजरमा लोड प्राप्त (scTestLine तत्वको):

जवाफ = [cOwner, cSession, cContents, cStatus, तत्व चल मान सङ्केतन]

कोड, jQuery र WordPress को प्रतिनिधित्व मा

रूसी वर्ण रूपान्तरण गर्न ब्राउजर र लिपि पाठ -8 मा लिखित लागि प्रयोग iconv () समारोह मा पृष्ठ। कोड प्रतिनिधित्व गर्ने कंकाल बाँकी धेरै सरल छ र गर्न सक्छन् सजिलै कुनै पनि विशेष उद्देश्यका लागि पटक-पटक हुन।

मात्र प्रक्रिया सर्भर प्रतिक्रिया WaitReplySC () समारोह र वास्तविक लिपि कोड प्रतिक्रिया उत्पन्न परिवर्तन गर्न विषय। (एक विशेष scURL र यो सान्दर्भिक डाटा लागि) कल InitXML समारोह पृष्ठ तत्व मा घटना हेण्डलरहरू मा राखिएको र यी तत्व को अर्थ परिभाषित छन्।

को प्रस्तुत उदाहरण आजाक्स-उन्मुख "मार्गदर्शन" गर्न प्रविधिको प्रयोग।

विभिन्न सामग्री व्यवस्थापन प्रणाली (SMS) क्षमताहरु विभिन्न तरिकामा नियम, एक विशेष विशिष्टता को शैली मा वर्णन छन्। jQuery.get () र jQuery.post (): उदाहरणका लागि, jQuery AJAX फोन सम्भावनाहरू jQuery.ajax () कार्य या त एक उच्च स्तर मा बुझे छन्। खुट्टामीटर URL र सेटिङहरू (प्रमुख + मूल्य जोडी को सेट) प्रसारित छ। jQuery.ajax () XMLHttp रिक्वेस्ट-वस्तु फर्काउँछ।

प्रस्तावित कार्य-विधि को परिणाम ट्रयाक गर्न jQuery: XHR.done () - अनुरोध को सफल पूरा। XHR.fail () - त्रुटि ह्यान्डलिङ।

jqXHR.done () विधि yavlyatsya आजाक्स अनुरोध को वैकल्पिक सञ्चालनकर्ता सफल पूरा। पुरानो jqXHR.success () विधि प्रतिस्थापन।

त्यसै गरी, Wordpress आजाक्स-प्रविधि मा को प्रयोग। यहाँ, सबै कुरा नै सामग्री व्यवस्थापन प्रणालीमा प्रत्यारोपित छ, तपाईं मात्र प्रस्तावित संरचना प्रयोग गर्न आवश्यक छ। कागजातहरूको विस्तृत विवरण प्रदान।

आजाक्स अनुप्रयोग मार्गदर्शन संस्करण समानान्तर वा चयन गरिएको सामग्री व्यवस्थापन प्रणाली, एक वा jQuery को अर्को संस्करण बाहेक प्रयोग गर्न सकिन्छ हुनत, चुनिएको उपकरणहरू अनिवार्य निर्भर गर्दछ। उत्तरार्द्ध किनभने लगभग सबै आधुनिक एसएमएस प्रयोग गर्नुहुन्छ, आफ्नै मा काम गर्न उपयोगी छ, तर यसको आफ्नै तरिकामा प्रत्येक।

आवेदन एक क्लासिक उदाहरण

AJAX को सरल र घाताङ्कीय प्रयोग - गाडी अनलाइन स्टोर। स्टोर पृष्ठ सधैं वास्तविकता मा उनि हुन सक्छ हुनत छैन, सामान भरिएका हुन्छन्। सामान्यतया पुन: लोड धेरै समय लाग्छ, तर एक आगन्तुक एक उत्पादन चयन गर्दा, उहाँले सधैं अझै उहाँलाई दिन वा साइट सधैं मनमोहक चाँडै प्रदर्शन गर्न छ, चुनिएको एक परिवर्तन गर्न सक्नुहुन्छ।

सामान्यतया यो चयन गरिएका वस्तुहरू वरिपरि बास्केट र चिह्न को रूप मा बुझे छ। यी तत्व गर्न आजाक्स गतिशील परिवर्तन को प्रयोग बिना समस्याग्रस्त छ।

आजाक्स-लिपि थप्न / आफ्नो गाडी वस्तुहरू हटाउन तंत्र लागू गर्ने, धेरै एसएमएस मा डे facto भयो।

लागि आजाक्स फारम मार्फत सामान्य डाटा प्रसारण एक पारंपरिक तरिका मा गठन हुन सक्छ (नाम र पासवर्ड प्रविष्ट लागि):

<फारम नाम = 'fWelcome' कार्य = 'index.php मा' विधि = 'पोस्ट'>