AJAX PHP ਉਦਾਹਰਣ
- پچھلے پیج AJAX XML فائل
- آئندہ پیج AJAX ASP
AJAX ਇੱਕ ਅਧਿਕ ਅੰਤਰਕਰਮੀ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。
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
