उदाहरण के साथ PHP अजाक्स ट्यूटोरियल

अजाक्स क्या है?

AJAX का पूर्ण रूप अतुल्यकालिक जावास्क्रिप्ट और XML है। यह एक ऐसी तकनीक है जो सर्वर और क्लाइंट के बीच की बातचीत को कम करती है। यह पूरे पृष्ठ के बजाय एक वेब पेज के केवल भाग को अपडेट करके करता है। अतुल्यकालिक बातचीत जावास्क्रिप्ट द्वारा शुरू की जाती है। AJAX का उद्देश्य पेज रिफ्रेश के बिना सर्वर के साथ छोटी मात्रा में डेटा का आदान-प्रदान करना है।

जावास्क्रिप्ट एक क्लाइंट साइड स्क्रिप्टिंग भाषा है। यह वेब ब्राउज़र द्वारा क्लाइंट की तरफ निष्पादित किया जाता है जो जावास्क्रिप्ट का समर्थन करता है। जावा स्क्रिप्ट कोड केवल उन ब्राउज़र में काम करता है जिनके पास जावास्क्रिप्ट सक्षम है।

एक्सएमएल एक्स्टेंसिबल मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है। इसका उपयोग मानव और मशीन दोनों पठनीय स्वरूपों में संदेशों को एनकोड करने के लिए किया जाता है। यह HTML जैसा है लेकिन आपको अपने कस्टम टैग बनाने की अनुमति देता है। XML पर अधिक जानकारी के लिए, XML पर लेख देखें

AJAX का उपयोग क्यों करें?

यह डेस्कटॉप अनुप्रयोगों की तरह ही समृद्ध इंटरैक्टिव वेब एप्लिकेशन विकसित करने की अनुमति देता है।
सत्यापन किया जा सकता है क्योंकि उपयोगकर्ता इसे प्रस्तुत किए बिना एक फ़ॉर्म में भरता है। यह ऑटो पूर्णता का उपयोग करके प्राप्त किया जा सकता है। प्रसंस्करण के लिए उपयोगकर्ता को टाइप किए जाने वाले शब्द सर्वर को सबमिट किए जाते हैं। सर्वर उन कीवर्ड के साथ प्रतिक्रिया करता है जो उपयोगकर्ता द्वारा दर्ज किए गए से मेल खाते हैं।
इसका उपयोग ड्रॉपडाउन बॉक्स को किसी अन्य ड्रॉपडाउन बॉक्स के मूल्य के आधार पर करने के लिए किया जा सकता है
डेटा को सर्वर से पुनर्प्राप्त किया जा सकता है और पूरे पृष्ठ को लोड किए बिना अपडेट किए गए पृष्ठ का केवल एक निश्चित भाग। यह वेब पेज भागों के लिए बहुत उपयोगी है जो चीजों को लोड करते हैं

ट्वीट्स
कमाती है
साइट पर जाने वाले उपयोगकर्ता आदि।

PHP अजाक्स एप्लिकेशन कैसे बनाएं

हम एक सरल एप्लिकेशन बनाएंगे जो उपयोगकर्ताओं को लोकप्रिय PHP MVC फ्रेमवर्क की खोज करने की अनुमति देता है।

हमारे एप्लिकेशन में एक टेक्स्ट बॉक्स होगा जिसे उपयोगकर्ता फ़्रेमवर्क के नाम टाइप करेंगे।

फिर हम एक मैच की खोज के लिए mvc AJAX का उपयोग करेंगे फिर खोज फ़ॉर्म के ठीक नीचे फ्रेमवर्क का पूरा नाम प्रदर्शित करेंगे।

चरण 1) इंडेक्स पेज बनाना

सूचकांक। एफपीपी

PHP MVC Frameworks - Search Engine

Type the first letter of the PHP MVC Framework

Matches:

यहां,

"Onkeyup =" showName (this.value) "जावास्क्रिप्ट फ़ंक्शन को निष्पादित करता है। नाम पाठ में हर बार एक कुंजी टाइप की जाती है।

इस सुविधा को ऑटो पूर्ण कहा जाता है

चरण 2) फ्रेमवर्क पेज बनाना

चौखटे

 0) {$match = "";for ($i = 0; $i < count($frameworks); $i++) {if (strtolower($name) == strtolower(substr($frameworks[$i], 0, strlen($name)))) {if ($match == "") {$match = $frameworks[$i];} else {$match = $match . " , " . $frameworks[$i];}}}}echo ($match == "") ? 'no match found' : $match;?>

चरण 3) JS स्क्रिप्ट बनाना

auto_complete.js

function showName(str){if (str.length == 0){ //exit function if nothing has been typed in the textboxdocument.getElementById("txtName").innerHTML; //clear previous resultsreturn;}if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();} else {// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function() {if (xmlhttp.readyState == 4 && xmlhttp.status == 200){document.getElementById("txtName").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","frameworks.php?name="+str,true);xmlhttp.send();}

यहां,

"अगर (str.length == 0)" स्ट्रिंग की लंबाई की जाँच करें। यदि यह 0 है, तो बाकी स्क्रिप्ट निष्पादित नहीं है।
"अगर (window.XMLHttpRequest) ..." इंटरनेट एक्सप्लोरर संस्करण 5 और 6 AJAX कार्यान्वयन के लिए ActiveXObject का उपयोग करते हैं। अन्य संस्करण और ब्राउज़र जैसे क्रोम, फ़ायरफ़ॉक्स XMLHttpRequest का उपयोग करते हैं। यह कोड सुनिश्चित करेगा कि हमारा आवेदन IE 5 और 6 और IE और ब्राउज़र के अन्य उच्च संस्करणों में काम करता है।
AJAX इंटरेक्शन पूरा होने और स्थिति 200 होने पर "xmlhttp.onreadystatechange = function ..." चेक करता है और फिर लौटे परिणामों के साथ txtName स्पैन को अपडेट करता है।

चरण 4) हमारे PHP अजाक्स एप्लिकेशन का परीक्षण करना

यह मानते हुए कि आपने फ़ाइल index.php को phututs / ajax में सहेजा है, URL http: //localhost/phptuts/ajax/index.php पर ब्राउज़ करें

टेक्स्ट बॉक्स में अक्षर C टाइप करें आपको निम्न परिणाम मिलेंगे।

उपरोक्त उदाहरण AJAX की अवधारणा को प्रदर्शित करता है और यह हमें समृद्ध इंटरैक्शन एप्लिकेशन बनाने में मदद कर सकता है।

सारांश

AJAX अतुल्यकालिक जावास्क्रिप्ट और XML के लिए संक्षिप्त नाम है
AJAX एक ऐसी तकनीक है जिसका उपयोग रिच इंटरैक्शन एप्लिकेशन बनाने के लिए किया जाता है जो वेब पेज के केवल हिस्सों को अपडेट करके क्लाइंट और सर्वर के बीच की बातचीत को कम करता है।
AJAX संचालन को कार्यान्वित करने के लिए Internet Explorer संस्करण 5 और 6 ActiveXObject का उपयोग करता है।
इंटरनेट एक्सप्लोरर संस्करण 7 और इसके बाद के संस्करण क्रोम, फ़ायरफ़ॉक्स, ओपेरा और सफारी XMLHttpRequest का उपयोग करते हैं।