บทความ เนื้อหา AJAX กับ PHP เรียน Ajax กับ php
Mindphp
ให้เรตสมาชิก: 2 / 5
ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

มาเรียน AJAX กับ PHP


AJAX กับ PHP
ก่อนที่จะใช้งานและทดลองเขียน AJAX ได้นั้น เราต้องมี 2เทคโนโลยี คือ

  • browser ที่สนับสนุน XMLHTTP หรือ  XMLHttpRequest objects
  • HTTP Server ที่ตอบสนอง  XML ซึ่งทั้ง 2 ตัวนี้ โดยทั่วไปก็ ใช้ได้ อยู่ แล้ว เช่น i.e หรือ firefox ก็สนับสนุน XMLHTTP หรือ  XMLHttpRequest อยู่แล้ว และ server โดยทั่วไปก็ไม่มี ปัญหา เรื่อง XML อยู่แล้ว ดังการจะเขียนหรือ ใช้งาน AJAX เราไม่ต้องติดตั้งอะไรเพิ่มเติมเลย
หัวใจหลัก ๆ เลย ของ AJAX คือ html  javascript และ xml และควรมีความรู้ พวกภาษาที่ทำงาน บน server เช่น  php,jsp,asp อย่างใดอย่างหนึ่งด้วย เพื่อเพิ่มประสิทธิภาพ และ ความสามารถของ AJAX ยิ่งขึ้น
ลองดู รูปประกอบ จะเข้าใจการทำงานดียิ่งขึ้น
AJAX กับ PHP รูปการทำงาน

การประกาศใช้ XML HTTP Request ใน javascript
ดังนี้

if (window.XMLHttpRequest) {
   req = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
   req = new
ActiveXObject("Microsoft.XMLHTTP");
} 

   โค้ด ข้างบนนี้เป็นการ เช็ตว่า browser สนับสนุน xmlHttpRequest หรือ XMLHTTP หรือไม่ 
แล้ว สร้าง Object reg ขึ้นมา ใช้
เมื่อมีวัถตุ reg แล้ว เราก็สามารถ ติดต่อกับ server ได้ โดย ใช้ open method ( function open ของ วัตถุ reg )
ตัวอย่างเช่น 
req.open("GET", url, true);
หรือเราจะใช้
req.open("POST", url, true);
ก็ได้ขึ้นอยู่ กับข้อมูลที่เราต้องการส่งไปยัง server
url ก็คือ ตำแหน่งไฟล์ ที่จะรับค่า ไปทำงานต่อ

สอบถามและคุยกันได้ที่บอร์ดครับ เพราะข้อมูล Ajax php มีความเคลื่อนไหวเร็วมาก http://www.mindphp.com/forums/index.php
ตัวอย่าง Ajax + php + Database (Mysql)

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function showUser(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="getmindphpuser.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
 {
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{ // code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
</script>
</head>
<body>
<form>
Select a User:
<select name="users" onchange="showUser(this.value)">
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
</form>
<br />

<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>

getmindphpuser.php

<?php

$q=$_GET["q"];



$con = mysql_connect('localhost', 'user', 'passsword');

if (!$con)

  {

  die('Could not connect: ' . mysql_error());

  }



mysql_select_db("ajax_mindphp", $con);



$sql="SELECT * FROM user WHERE id = '".$q."'";



$result = mysql_query($sql);



echo "<table border='1'>

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Age</th>

<th>Hometown</th>

<th>Job</th>

</tr>";



while($row = mysql_fetch_array($result))

  {

  echo "<tr>";

  echo "<td>" . $row['FirstName'] . "</td>";

  echo "<td>" . $row['LastName'] . "</td>";

  echo "<td>" . $row['Age'] . "</td>";

  echo "<td>" . $row['Hometown'] . "</td>";

  echo "<td>" . $row['Job'] . "</td>";

  echo "</tr>";

  }

echo "</table>";



mysql_close($con);

?>

Free Ajax Script


เนื้อหาอยู่ในระหว่างการจัดทำ
แนะนำ Free Host PHP Mysql 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อัพโค้ดขึ้น git ไม่ได้ครับ
โดย wkid อ 24 พฤษภาคม 2022 6:46 pm บอร์ด Programming - C/C++ & java & Python
3
16
อ 24 พฤษภาคม 2022 7:35 pm โดย bolue
ผู้ประกอบการต้องรู้! บริการ AI Chatbot มีประโยชน์ต่อธุรกิจอย่างไร
โดย h.rina อ 24 พฤษภาคม 2022 3:36 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
อ 24 พฤษภาคม 2022 3:36 pm โดย h.rina
แนะนำ 3 โบรกเกอร์ประกัน ที่น่าเชื่อถือ สามารถไว้ใจได้
โดย h.rina อ 24 พฤษภาคม 2022 9:24 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
อ 24 พฤษภาคม 2022 9:24 am โดย h.rina
ubuntu ใช้ google meet แล้งแชร์หน้าจอ ไม่ได้ค่ะ
โดย bolue จ 23 พฤษภาคม 2022 7:55 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
4
28
อ 24 พฤษภาคม 2022 10:12 am โดย mindphp
สร้างไฟล์ WAV ด้วย Array Wav ด้วยPHP Codeได้อย่างไรครับ
โดย finemore จ 23 พฤษภาคม 2022 7:53 pm บอร์ด Programming - PHP
1
19
จ 23 พฤษภาคม 2022 8:03 pm โดย mindphp
หลักการสร้างรูปภาพโฆษณาให้ถูกใจ Facebook
โดย vajira จ 23 พฤษภาคม 2022 5:57 pm บอร์ด Graphic design
0
18
จ 23 พฤษภาคม 2022 5:57 pm โดย vajira
วิธีลงตัว plugin python Netbeans ide
โดย wkid จ 23 พฤษภาคม 2022 5:27 pm บอร์ด Programming - C/C++ & java & Python
1
19
จ 23 พฤษภาคม 2022 5:38 pm โดย bolue
สอบถามตั้งค่าอีเมล์ที่เป็น SMTP แล้วส่งเมล์ไม่ได้ [phpBB]
โดย eange08 จ 23 พฤษภาคม 2022 4:25 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
20
จ 23 พฤษภาคม 2022 8:30 pm โดย eange08