Latest web development tutorials
×

PHP หลักสูตร

PHP หลักสูตร PHP แนะนำโดยย่อ PHP ติดตั้ง PHP ไวยากรณ์ PHP ตัวแปร PHP echo/print PHP ชนิดข้อมูล PHP คงที่ PHP เชือก PHP ผู้ประกอบการ PHP If...Else PHP Switch PHP แถว PHP เรียงลำดับอาร์เรย์ PHP Superglobals PHP While การไหลเวียน PHP For การไหลเวียน PHP ฟังก์ชัน PHP ตัวแปรเมจิก PHP namespaces PHP เชิงวัตถุ

PHP ฟอร์ม

PHP ฟอร์ม PHP รูปแบบการตรวจสอบสิทธิ์ PHP ฟอร์ม - ฟิลด์ที่จำเป็น PHP ฟอร์ม - อีเมลยืนยันและ URL PHP ตัวอย่างสมบูรณ์แบบ PHP $_GET ตัวแปร PHP $_POST ตัวแปร

PHP การสอนที่ทันสมัย

PHP อาร์เรย์หลายมิติ PHP วันที่ PHP บรรจุ PHP ไฟล์ PHP อัปโหลดไฟล์ PHP Cookie PHP Session PHP E-mail PHP ความปลอดภัย E-mail PHP Error PHP Exception PHP กรอง PHP กรองขั้นสูง PHP JSON

PHP 7 คุณสมบัติใหม่

PHP 7 คุณสมบัติใหม่

PHP ฐานข้อมูล

PHP MySQL แนะนำโดยย่อ PHP MySQL สัมพันธ์ PHP MySQL การสร้างฐานข้อมูล PHP MySQL สร้างตารางข้อมูล PHP MySQL แทรกข้อมูล PHP MySQL ใส่ข้อมูลหลาย PHP MySQL งบเตรียม PHP MySQL อ่านข้อมูล PHP MySQL WHERE PHP MySQL ORDER BY PHP MySQL UPDATE PHP MySQL DELETE PHP ODBC

PHP XML

XML Expat Parser XML DOM XML SimpleXML

PHP & AJAX

AJAX แนะนำโดยย่อ AJAX PHP AJAX ฐานข้อมูล AJAX XML AJAX ค้นหาแบบ Real-time AJAX RSS Reader AJAX โหวต

PHP คู่มืออ้างอิง

PHP Array PHP Calendar PHP cURL PHP Date PHP Directory PHP Error PHP Filesystem PHP Filter PHP FTP PHP HTTP PHP Libxml PHP Mail PHP Math PHP Misc PHP MySQLi PHP PDO PHP SimpleXML PHP String PHP XML PHP Zip PHP Timezones PHP การประมวลผลภาพ PHP RESTful

PHP - AJAX และ PHP

AJAX ถูกนำมาใช้ในการสร้างโปรแกรมการโต้ตอบมากขึ้น


ตัวอย่าง PHP AJAX

ตัวอย่างต่อไปนี้จะแสดงให้เห็นเมื่อผู้ใช้ชนิดในกล่องใส่อักขระวิธีเว็บเพจสื่อสารกับเว็บเซิร์ฟเวอร์:

ตัวอย่าง

尝试在输入框中输入一个名字,如:Anna:

姓名:

返回值:




ตัวอย่างอธิบาย - หน้า HTML

เมื่อผู้ใช้ในข้างต้นตัวอักษรกล่องใส่จะดำเนินการ "showHint ()" ฟังก์ชั่น ฟังก์ชั่นนี้ประกอบด้วย "OnKeyUp" เรียกเหตุการณ์:

<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>

มาอธิบายว่า:

ถ้ากล่องใส่ว่างเปล่า (str.length == 0), ฟังก์ชั่นนี้จะล้าง txtHint ยึดเนื้อหาและออกจากฟังก์ชั่น

ถ้ากล่องใส่ไม่ว่างแล้ว showHint () ดำเนินการตามขั้นตอนต่อไปนี้:

  • สร้างวัตถุ XMLHttpRequest
  • สร้างฟังก์ชั่นเมื่อเซิร์ฟเวอร์ที่อยู่พร้อมที่จะดำเนินการตอบสนอง
  • ไฟล์บนเซิร์ฟเวอร์เพื่อส่งคำขอ
  • โปรดทราบว่าการเพิ่ม (มีกล่องใส่) ในตอนท้ายของพารามิเตอร์ URL ที่ (Q)

ไฟล์ PHP

เซิร์ฟเวอร์ดังกล่าวข้างต้นผ่าน JavaScript เรียกหน้านี้ถูกเรียกว่า "gethint.php" ไฟล์ PHP

"Gethint.php" รหัสที่มาตรวจสอบอาร์เรย์ของชื่อแล้วกลับไปที่เบราว์เซอร์ชื่อที่สอดคล้องกัน:

<?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;
?>

คำอธิบาย: ถ้า JavaScript ส่งข้อความใด ๆ (เช่น strlen ($ Q)> 0), เกิดขึ้น:

  1. ค้นหาตัวละครที่ตรงกับที่จะส่งชื่อของ JavaScript
  2. หากไม่มีการแข่งขันพบสตริงการตอบสนองที่ถูกกำหนดเป็น "ไม่มีข้อเสนอแนะ"
  3. หากคุณพบว่าหนึ่งหรือมากกว่าหนึ่งชื่อตรงกับชื่อของการตั้งค่าทั้งหมดกับสตริงการตอบสนอง
  4. ส่งการตอบสนองต่อ "txtHint" ตัวยึด

การแก้ปัญหาการข้ามโดเมน PHP อาแจ็กซ์ในการแก้ไขปัญหา

หากคุณจำเป็นต้องมีการร้องขอตรงกันข้ามโดเมนสามารถดู: PHP อาแจ็กซ์โซลูชั่นข้ามโดเมนปัญหา