PHP - AJAX dan PHP
AJAX digunakan untuk membuat aplikasi yang lebih interaktif.
Contoh AJAX PHP
Contoh berikut akan menunjukkan ketika pengguna dalam kotak input karakter, bagaimana halaman Web berkomunikasi dengan server Web:
contoh
尝试在输入框中输入一个名字，如：Anna:
返回值:
Contoh menjelaskan - Halaman HTML
Bila pengguna dalam karakter kotak input di atas melakukan "showHint ()" fungsi. Fungsi ini terdiri dari "onkeyup" Pemicu Event:
<html>
<head>
<script>
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
xmlhttp=new XMLHttpRequest();
}
else
{
//IE6, IE5 浏览器执行的代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.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>
Sumber menjelaskan:
Jika kotak masukan kosong (str.length == 0), fungsi ini akan menghapus txtHint konten placeholder, dan keluar fungsi.
Jika kotak input tidak kosong, maka showHint () melakukan langkah-langkah berikut:
- Buat XMLHttpRequest objek
- Membuat fungsi ketika server siap untuk melakukan respon
- Berkas pada server untuk mengirim permintaan
- Harap dicatat bahwa menambah (kotak input berisi) akhir parameter URL (q)
file PHP
Server di atas melalui JavaScript memanggil halaman ini disebut "gethint.php" file PHP.
"Gethint.php" kode sumber memeriksa array nama, dan kemudian kembali ke browser nama yang sesuai:
<?php
// 将姓名填充到数组中
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";
//从请求URL地址中获取 q 参数
$q=$_GET["q"];
//查找是否由匹配值， 如果 q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i<count($a); $i++)
{
if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
{
if ($hint=="")
{
$hint=$a[$i];
}
else
{
$hint=$hint." , ".$a[$i];
}
}
}
}
// 如果没有匹配值设置输出为 "no suggestion"
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}
//输出返回值
echo $response;
?>
Penjelasan: Jika JavaScript mengirim pesan teks (yaitu, strlen ($ q)> 0), terjadi:
- Cari yang cocok karakter untuk mengirim nama-nama JavaScript
- Jika tidak ada yang cocok, respon string set "ada saran"
- Jika Anda menemukan satu atau lebih nama yang cocok, nama-nama semua pengaturan dengan string respon
- Mengirim respon terhadap "txtHint" placeholder
PHP Ajax solusi lintas domain untuk masalah
Jika Anda membutuhkan permintaan asynchronous lintas-domain dapat dilihat: PHP Ajax menyeberang solusi domain untuk masalah.