ให้เรตสมาชิก: 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 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
[ปัญหา] สอบถามเกี่ยวกับวิธีติดตั้ง selenium ครับ
โดย tatiya อ 17 ก.ค. 2018 11:36 am บอร์ด Programming - C/C++ & java & Python
4
32
อ 17 ก.ค. 2018 1:58 pm โดย tatiya
งานประจำวันที่ 17 กรกฎาคม 2561
โดย tatiya อ 17 ก.ค. 2018 10:26 am บอร์ด M065 - ตติยะ นาชัย
0
1
อ 17 ก.ค. 2018 10:26 am โดย tatiya
งานประจำวันที่ 17 กรกฏาคม 2561
โดย pprn อ 17 ก.ค. 2018 10:17 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
6
อ 17 ก.ค. 2018 2:20 pm โดย pprn
งานประจำวันที่ 17 กรกฎาคม 2561
โดย prakon อ 17 ก.ค. 2018 10:13 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
5
อ 17 ก.ค. 2018 11:05 am โดย prakon
Q - รันโค้ดของโมดูล selenium เพื่อเปิดหน้าเว็บ แล้ว error
โดย prakon จ 16 ก.ค. 2018 7:42 pm บอร์ด Programming - C/C++ & java & Python
1
19
อ 17 ก.ค. 2018 10:29 am โดย nuattawoot
SMEs คืออะไร? กิจการของคุณเข่าข่ายไหมนะ?
โดย taemmynatchapon จ 16 ก.ค. 2018 7:20 pm บอร์ด Share Knowledge
0
5
จ 16 ก.ค. 2018 7:20 pm โดย taemmynatchapon
ภาวะเงินเฟ้อ น่ากลัวขนาดไหนนะ?
โดย taemmynatchapon จ 16 ก.ค. 2018 7:01 pm บอร์ด Share Knowledge
0
6
จ 16 ก.ค. 2018 7:01 pm โดย taemmynatchapon
GDP คืออะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:51 pm บอร์ด Share Knowledge
0
11
จ 16 ก.ค. 2018 6:51 pm โดย taemmynatchapon
ความหมายของอัตราส่วนทางการเงิน
โดย taemmynatchapon จ 16 ก.ค. 2018 6:39 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
จ 16 ก.ค. 2018 6:39 pm โดย taemmynatchapon
ธนาคารโลก (World Bank) คืออะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:04 pm บอร์ด Share Knowledge
0
10
จ 16 ก.ค. 2018 6:04 pm โดย taemmynatchapon
กองทุนการเงินระหว่างประเทศ (IMF) คืออะไร? และมีหน้าที่อะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:02 pm บอร์ด Share Knowledge
0
5
จ 16 ก.ค. 2018 6:02 pm โดย taemmynatchapon
[ปัญหา]ขอวิธีติดตั้ง selenium บน Ubuntu หน่อยครับ
โดย tatiya จ 16 ก.ค. 2018 5:26 pm บอร์ด Programming - C/C++ & java & Python
2
25
จ 16 ก.ค. 2018 5:57 pm โดย tatiya
B - mod_md_recent กำหนด position ในหน้าเว็บแล้วในหน้าเว็บขึ้นแจ้ง Error
โดย Parichat จ 16 ก.ค. 2018 4:53 pm บอร์ด Joomla Dev
0
6
จ 16 ก.ค. 2018 4:53 pm โดย Parichat
B - com_mcharts ไม่สามารถเข้าหน้าตั้งค่าได้ใน Joomla 3.x
โดย Parichat จ 16 ก.ค. 2018 4:05 pm บอร์ด Joomla Dev
2
9
จ 16 ก.ค. 2018 4:55 pm โดย Parichat
B - ไม่สามารถแก้ไขข้อมูลใน Customers ได้
โดย watcharin จ 16 ก.ค. 2018 3:39 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
16
จ 16 ก.ค. 2018 9:00 pm โดย thatsawan
มาพบกับ component ที่ชื่อว่า MD Files ช่วยในการจัดการไฟล์
โดย Parichat จ 16 ก.ค. 2018 2:36 pm บอร์ด PHP News
0
7
จ 16 ก.ค. 2018 2:36 pm โดย Parichat
งานประจำวันที่ 16 กรกฎาคม 2561
โดย tatiya จ 16 ก.ค. 2018 10:19 am บอร์ด M065 - ตติยะ นาชัย
5
20
จ 16 ก.ค. 2018 9:47 pm โดย tatiya
งานประจำวันที่ 16 กรกฎาคม 2561
โดย prakon จ 16 ก.ค. 2018 10:16 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
2
23
จ 16 ก.ค. 2018 10:58 pm โดย thatsawan
งานประจำวันที่ 15 กรกฏาคม 2561 (วันอาทิตย์)
โดย pprn อ 15 ก.ค. 2018 7:45 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
14
อ 17 ก.ค. 2018 10:19 am โดย pprn
งานประจำวันที่ 15 กรกฎาคม 2561
โดย prakon อ 15 ก.ค. 2018 2:49 pm บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
19
อ 15 ก.ค. 2018 2:50 pm โดย prakon