- Katılım
- 2 Mar 2015
- Konular
- 59,189
- Mesajlar
- 88,442
- Çözüm
- 109
- Online süresi
- 4mo 16d
- Reaksiyon Skoru
- 14,280
- Altın Konu
- 2,398
- TM Yaşı
- 11 Yıl 3 Ay 8 Gün
- Başarım Puanı
- 1,051
- MmoLira
- 695,207
- DevLira
- 234
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
AJAX, Asenkron JavaScript ve XML teriminin kısaltılmış halidir. Ajax, hızlı ve dinamik web sayfaları oluşturmak için kullanılır. Aşağıdaki örnek, web sayfasında bir arama alanı sağlamak için AJAX işlevlerine sahip arka uç PHP betiğiyle etkileşimi gösterir.
Bu kod, temelde bir metin alanına sahip bir HTML formu oluşturan bir HTML betiğidir. Onkeyup olayında, bir showHint() JavaScript fonksiyonu çağrılır. Fonksiyon, sunucudaki başka bir PHP betiğine bir HTTP GET isteği gönderir.
Arama alanındaki her tuş vuruşunda sunucuya bir GET isteği gider. Sunucu betiği $_REQUEST dizisinden karakteri okur ve eşleşen kurs adını arar. Eşleşen değer tarayıcıdaki metin alanının altında görüntülenir.
Adım 1
Aşağıdaki betiği "example.php" olarak kaydedin.
HTML:
<html>
<head>
<style>
span {
color: green;
}
</style>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "hello.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<p><b>Search your favourite tutorials:</b></p>
<form>
<input type = "text" onkeyup = "showHint(this.value)">
</form>
<p>Entered Course name: <span id="txtHint"></span></p>
</body>
</html>Bu kod, temelde bir metin alanına sahip bir HTML formu oluşturan bir HTML betiğidir. Onkeyup olayında, bir showHint() JavaScript fonksiyonu çağrılır. Fonksiyon, sunucudaki başka bir PHP betiğine bir HTTP GET isteği gönderir.
Adım 2
Aşağıdaki betiği "php_ajax.php" olarak kaydedin.
PHP:
<?php
// Array with names
$a[] = "Android";
$a[] = "B programming language";
$a[] = "C programming language";
$a[] = "D programming language";
$a[] = "euphoria";
$a[] = "F#";
$a[] = "GWT";
$a[] = "HTML5";
$a[] = "ibatis";
$a[] = "Java";
$a[] = "K programming language";
$a[] = "Lisp";
$a[] = "Microsoft technologies";
$a[] = "Networking";
$a[] = "Open Source";
$a[] = "Prototype";
$a[] = "QC";
$a[] = "Restful web services";
$a[] = "Scrum";
$a[] = "Testing";
$a[] = "UML";
$a[] = "VB Script";
$a[] = "Web Technologies";
$a[] = "Xerox Technology";
$a[] = "YQL";
$a[] = "ZOPL";
$q = $_REQUEST["q"];
$hint = "";
if ($q !== "") {
$q = strtolower($q);
$len = strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
} else {
$hint .= ", $name";
}
}
}
}
echo $hint === "" ? "Please enter a valid course name" : $hint;
?>Adım 3
Bu uygulamayı tarayıcıda example.php'yi
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
URL'sini girerek açarak başlatacağız.Arama alanındaki her tuş vuruşunda sunucuya bir GET isteği gider. Sunucu betiği $_REQUEST dizisinden karakteri okur ve eşleşen kurs adını arar. Eşleşen değer tarayıcıdaki metin alanının altında görüntülenir.