ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
×

PHP เกี่ยวกับการสอน

PHP บ้าน PHP แนะนำ PHP ติดตั้ง PHP วากยสัมพันธ์ PHP ตัวแปร PHP Echo / พิมพ์ PHP ชนิดข้อมูล PHP เงื่อนไข PHP ค่าคงที่ PHP ผู้ประกอบการ PHP If...Else...Elseif PHP Switch PHP ในขณะที่ลูป PHP สำหรับลูป PHP ฟังก์ชั่น PHP แถว PHP เรียงลำดับอาร์เรย์ PHP Superglobals

PHP การจัดการ

PHP ฟอร์ม การจัดการ PHP ฟอร์ม การตรวจสอบ PHP ฟอร์ม จำเป็นต้องใช้ PHP ฟอร์ม URL/E-mail PHP ฟอร์ม สมบูรณ์

PHP สูง

PHP อาร์เรย์หลายมิติ PHP วันและเวลา PHP ประกอบด้วย PHP ไฟล์ การจัดการ PHP ไฟล์ เปิด / อ่าน PHP ไฟล์ สร้าง / เขียน PHP ไฟล์ อัปโหลด PHP Cookies PHP Sessions PHP ฟิลเตอร์ PHP Filters สูง PHP ผิดพลาด การจัดการ PHP ข้อยกเว้น

MySQL Database

MySQL ฐานข้อมูล MySQL สัมพันธ์ MySQL Create DB MySQL Create ตาราง MySQL Insert Data MySQL รับ ID เข้าครั้งสุดท้าย MySQL ใส่หลาย MySQL Prepared MySQL Select Data MySQL Delete Data MySQL Update Data MySQL Limit Data

PHP - XML

PHP XML parsers PHP SimpleXML Parser PHP SimpleXML - Get PHP XML Expat PHP XML DOM

PHP - AJAX

AJAX แนะนำ AJAX PHP AJAX ฐานข้อมูล AJAX XML AJAX ค้นหาสด AJAX RSS Reader AJAX โพลล์

PHP Examples

PHP ตัวอย่าง PHP ทดสอบ PHP ใบรับรอง

PHP การอ้างอิง

PHP แถว PHP ปฏิทิน PHP วันที่ PHP ไดเรกทอรี PHP ผิดพลาด PHP ระบบแฟ้ม PHP กรอง PHP FTP PHP HTTP PHP Libxml PHP จดหมาย PHP คณิตศาสตร์ PHP อื่น ๆ PHP MySQLi PHP SimpleXML PHP เชือก PHP XML PHP Zip PHP ช่วงเวลา

 

PHPเช่น - AJAX และ XML


AJAX สามารถใช้สำหรับการสื่อสารโต้ตอบกับไฟล์ XML


AJAX ตัวอย่าง XML

ตัวอย่างต่อไปนี้จะแสดงให้เห็นว่าหน้าเว็บสามารถดึงข้อมูลจากไฟล์ XML ด้วย AJAX:

ตัวอย่าง


CD info will be listed here...

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

เมื่อผู้ใช้เลือกซีดีในรายการแบบเลื่อนข้างต้นฟังก์ชั่นที่เรียกว่า "showCD ()" จะถูกดำเนินการThe function is triggered by the "onchange" event: ฟังก์ชั่นจะถูกเรียกโดย "onChange" เหตุการณ์:

<html>
<head>
<script>
function showCD(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for 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","getcd.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="">Select a CD:</option>
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bee Gees">Bee Gees</option>
<option value="Cat Stevens">Cat Stevens</option>
</select>
</form>
<div id="txtHint"><b>CD info will be listed here...</b></div>

</body>
</html>

showCD () ฟังก์ชันใดต่อไปนี้:

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

PHP ได้ไฟล์

หน้าบนเซิร์ฟเวอร์เรียกโดย JavaScript ข้างต้นเป็นไฟล์ PHP ที่เรียกว่า "getcd.php"

สคริปต์ PHP โหลดเอกสาร XML " cd_catalog.xml " วิ่งแบบสอบถามกับไฟล์ XML และผลตอบแทนเป็น HTML:

<?php
$q=$_GET["q"];

$xmlDoc = new DOMDocument();
$xmlDoc->load("cd_catalog.xml");

$x=$xmlDoc->getElementsByTagName('ARTIST');

for ($i=0; $i<=$x->length-1; $i++) {
  //Process only element nodes
  if ($x->item($i)->nodeType==1) {
    if ($x->item($i)->childNodes->item(0)->nodeValue == $q) {
      $y=($x->item($i)->parentNode);
    }
  }
}

$cd=($y->childNodes);

for ($i=0;$i<$cd->length;$i++) {
  //Process only element nodes
  if ($cd->item($i)->nodeType==1) {
    echo("<b>" . $cd->item($i)->nodeName . ":</b> ");
    echo($cd->item($i)->childNodes->item(0)->nodeValue);
    echo("<br>");
  }
}
?>

เมื่อมีการสอบถามซีดีที่ถูกส่งจาก JavaScript เพื่อหน้า PHP, ต่อไปนี้เกิดขึ้น:

  1. PHP สร้าง XML DOM วัตถุ
  2. ค้นหาทั้งหมด <ศิลปิน> องค์ประกอบที่ตรงกับชื่อที่ส่งมาจากจาวาสคริปต์
  3. แสดงข้อมูลอัลบั้ม (ส่งไปที่ "txtHint" ยึด)