PHP และ AJAX ตัวอย่าง MySQL ฐานข้อมูล

AJAX 可用来与数据库进行交互式通信。

AJAX 数据库实例

在下面的 AJAX 实例中，我们将演示网页如何使用 AJAX 技术从 MySQL 数据库中读取信息。

在下拉列表中选择一个客户


此处将列出客户信息。

这个应用程序由四个元素组成：

  • MySQL 数据库
  • 一张简单的 HTML 表单
  • JavaScript
  • PHP 页面

数据库

将在本例中使用的数据库看起来类似这样：

id CustomerID CompanyName ContactName Address City PostalCode Country
1 Alibaba Alibaba Group Ma Yun ...... Hangzhou 310002 China
2 APPLE Apple Inc. Tim Cook ...... Cupertino 95014 USA
3 BAIDU BAIDU Inc. Li YanHong ...... Beijing 100080 China
4 Canon Canon USA Inc. Tsuneji Uchida ...... New York 11042 USA

উদাহরণ ব্যাখ্যা

এই উদাহরণে, যখন ব্যবহারকারী উপরোক্ত ড্রপডাউন লিস্ট থেকে গ্রাহককে নির্বাচন করে, 'showUser()' নামক ফাংশন চালু হয়।

এই ফাংশন on_change ইভেন্ট দ্বারা স্পার্স হয়েছে।

এটি এইচটিএমএল কোডঃ

একমাত্র

<!doctype html>
<html>
<head>
<script>
function showUser(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 (this.readyState==4 && this.status==200) {
      document.getElementById("txtHint").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","/demo/getcustomer.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">নির্বাচিত কোনো গ্রাহক:</option>
<option value="1">Alibaba</option>
<option value="2">APPLE</option>
<option value="3">BAIDU</option>
<option value="4">Canon</option>
<option value="5">Google</option>
<option value="6">HUAWEI</option>
<option value="7">Microsoft</option>
<option value="8">Nokia</option>
<option value="9">SONY</option>
<option value="10">Tencent</option>
</select>
</form>
<br>
<div id="txtHint"><b>কাস্টমার তথ্য এখানে তুলে ধরা হবে。</b></div>
</body>
</html>

ইনস্ট্যান্স চালু করুন

কোড ব্যাখ্যা:

প্রথমে কি কাস্টমার নির্বাচিত হয়েছে তা পরীক্ষা করুন। কোনও কাস্টমার নির্বাচিত না হলে (str ==""), txtHint-এর বিষয় ক্লিন করে এবং ফাংশন বের হয়। যদি কোনও কাস্টমার নির্বাচিত হয়, তবে নিচের কাজকর্ম করুন:

  • XMLHttpRequest অবজেক্ট তৈরি করুন
  • সার্ভার প্রত্যাহার করা হলে কার্যকরী হওয়ার জন্য ফাংশন তৈরি করুন
  • সার্ভারের ফাইলে প্রত্যাহার করুন
  • পরিমাণ (q) URL-এ (ড্রপডাউন লিস্ট কনটেন্ট) যুক্ত করা হয়

PHP ফাইল

উপরোক্ত JavaScript ক্লিক সার্ভারের পৃষ্ঠা একটি নামক "getuser.php"-এর PHP ফাইল

“getuser.php”-এর সূত্রকে MySQL ডাটাবেসের জন্য কোয়াইল চালায় এবং HTML টেবিলে ফলাফল ফিরিয়ে দেয়:

<?php
$q = intval($_GET['q']);
$con = mysqli_connect('MyServer','MyUser','MyPassword','Customers');
if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}
$sql="SELECT * FROM customerslist WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
echo "<table>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr><th>CustomerID</th><td>" . $row['CustomerID'] . "</td></tr>";
    echo "<tr><th>CompanyName</th><td>" . $row['CompanyName'] . "</td></tr>";
    echo "<tr><th>ContactName</th><td>" . $row['ContactName'] . "</td></tr>";
    echo "<tr><th>Address</th><td>" . $row['Address'] . "</td></tr>";
    echo "<tr><th>City</th><td>" . $row['City'] . "</td></tr>";
    echo "<tr><th>PostalCode</th><td>" . $row['PostalCode'] . "</td></tr>";
    echo "<tr><th>Country</th><td>" . $row['Country'] . "</td></tr>";
}
echo "</table>";
mysqli_close($con);
?>

Explanation: When a query is sent from JavaScript to a PHP file, the following occurs:

  • PHP opens a connection to the MySQL server
  • Found the correct customer
  • Create an HTML table, fill in the data, and send back the 'txtHint' placeholder