एज़ैक्स PHP इंस्टांस
- पिछला पृष्ठ AJAX XML फ़ाइल
- अगला पृष्ठ AJAX ASP
AJAX का उपयोग अधिक इंटरैक्टिव अनुप्रयोग बनाने के लिए किया जाता है。
एज़ैक्स PHP इंस्टांस
नीचे का उदाहरण दिखाता है: जब उपयोगकर्ता इनपुट फ़ील्ड में अक्षरों को भरता है, तो वेबसाइट कैसे वेब सर्वर से संचार करती है:
उदाहरण
कृपया नीचे इनपुट फ़ील्ड में अक्षर A-Z भरें:
नाम:
सर्च सुझाव:
उदाहरण व्याख्या
उपरी उदाहरण में, जब उपयोगकर्ता इनपुट फ़ील्ड में अक्षरों को भरता है, तो "showHint()" नामक फ़ंक्शन चलाया जाता है。
यह फ़ंक्शन onkeyup इवेंट से ट्रिगर होता है。
नीचे HTML कोड है:
उदाहरण
<html>
<head>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
}
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "gethint.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<p><b>कृपया नीचे दिए इनपुट फील्ड में नाम भरें：</b></p>
<form>
ज्ञात करें या नाम：<input type="text" onkeyup="showHint(this.value)">
</form>
<p>सुझाव：<span id="txtHint"></span></p>
</body>
</html>
कोड व्याख्या:
पहले, इनपुट फील्ड को रिक्त है कि नहीं की जाँच करें (str.length == 0），अगर हो तो txtHint प्लेसहोल्डर की सामग्री को खाली करें और फ़ंक्शन से बाहर निकलें。
फिर भी, यदि इनपुट फील्ड रिक्त नहीं है, तो इस तरह करें:
- XMLHttpRequest ऑब्जैक्ट को बनाएं
- सर्वर के जवाब के लिए तैयार होने पर चलाने वाले फ़ंक्शन को बनाएं
- सर्वर पर PHP फ़ाइल (gethint.php) को सौदा करें
- कृपया gethint.php में q पैरामीटर को जोड़ें
- str वेरियेबल इनपुट फील्ड की सामग्री को सहेजता है
PHP फ़ाइल - "gethint.php"
यह PHP फ़ाइल नाम सदस्य गण की जाँच करती है और फिर ब्राउज़र को उसी नाम को वापस करती है:
<?php
// नाम सदस्य गण
$a[] = "Ava";
$a[] = "Brielle";
$a[] = "Caroline";
$a[] = "Diana";
$a[] = "Elise";
$a[] = "Fiona";
$a[] = "Grace";
$a[] = "Hannah";
$a[] = "Ileana";
$a[] = "Jane";
$a[] = "Kathryn";
$a[] = "Laura";
$a[] = "Millie";
$a[] = "Nancy";
$a[] = "Opal";
$a[] = "Petty";
$a[] = "Queenie";
$a[] = "Rose";
$a[] = "Shirley";
$a[] = "Tiffany";
$a[] = "Ursula";
$a[] = "Victoria";
$a[] = "Wendy";
$a[] = "Xenia";
$a[] = "Yvette";
$a[] = "Zoe";
$a[] = "Angell";
$a[] = "Adele";
$a[] = "Beatty";
$a[] = "Carlton";
$a[] = "Elisabeth";
$a[] = "Violet";
// URL से q पैरामीट अवश्य करें
$q = $_REQUEST["q"];
$hint = "";
// आयत्त में सभी hint, $q और "" से समान है का जाँच करें
if ($q !== "") {
$q = strtolower($q);
$len=strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
}
$hint .= ", $name";
}
}
}
}
// "no suggestion" निकालें यदि hint नहीं मिला या सही मालिकी निकालें
echo $hint === "" ? "no suggestion" : $hint;
?>
- पिछला पृष्ठ AJAX XML फ़ाइल
- अगला पृष्ठ AJAX ASP
