當前位置 : IT培訓網 > PHP開發 > php教程 > PHP入門教程之AJAX 與 MySQL

PHP入門教程之AJAX 與 MySQL

時間:2016-12-07 11:30:14??來源:php培訓網??作者:鄭州IT培訓網??已有:名學員訪問該課程
標簽(Tag):?? php入門教程(5)
今天,IT培訓網小編要和大家分享的是PHP教程之 AJAX 與 MySQL,不管什么時候,好好充實自己總是沒錯的。

今天,IT培訓網小編要和大家分享的是PHP教程之 AJAX 與 MySQL,不管什么時候,好好充實自己總是沒錯的。

AJAX 可用來與數據庫進行交互式通信。

AJAX 數據庫實例

下面的實例將演示網頁如何通過 AJAX 從數據庫讀取信息:

PHP入門教程之AJAX 與 MySQL_www.oalvodamoda.com

實例解釋 - MySQL 數據庫

在上面的實例中,我們使用的數據庫表如下所示:

PHP入門教程之AJAX 與 MySQL_www.oalvodamoda.com

實例解釋 - HTML 頁面

當用戶在上面的下拉列表中選擇某位用戶時,會執行名為 "showUser()" 的函數。該函數由 "onchange" 事件觸發:

<html>

<head>

<script>

function showUser(str)

{

if (str=="")

{

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","getuser.php?q="+str,true);

xmlhttp.send();

}

</script>

</head>

<body>

<form>

<select name="users" onchange="showUser(this.value)">

<option value="">Select a person:</option>

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

showUser() 函數會執行以下步驟:

檢查是否有用戶被選擇

創建 XMLHttpRequest 對象

創建在服務器響應就緒時執行的函數

向服務器上的文件發送請求

請注意添加到 URL 末端的參數(q)(包含下拉列表的內容)

PHP 文件

上面這段通過 JavaScript 調用的服務器頁面是名為 "getuser.php" 的 PHP 文件。

"getuser.php" 中的源代碼會運行一次針對 MySQL 數據庫的查詢,然后在 HTML 表格中返回結果:

<?php

$q=$_GET["q"];

$con = mysqli_connect('localhost','peter','abc123','my_db');

if (!$con)

{

die('Could not connect: ' . mysqli_error($con));

}

mysqli_select_db($con,"ajax_demo");

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

$result = mysqli_query($con,$sql);

echo "<table border='1'>

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Age</th>

<th>Hometown</th>

<th>Job</th>

</tr>";

while($row = mysqli_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>";

mysqli_close($con);

?>

解釋:當查詢從 JavaScript 發送到 PHP 文件時,將發生:

PHP 打開一個到 MySQL 數據庫的連接

找到選中的用戶

創建 HTML 表格,填充數據,并發送回 "txtHint" 占位符

積蓄力量,待時機來臨之時奮力爭取。如果你想要了解更多PHP入門教程知識,可以訪問PHP教程欄目。

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
PHP 教程
1、PHP 基礎
1.1 PHP 簡介
1.2 PHP 安裝
1.3 PHP 語法
1.4 PHP 變量
1.5 PHP echo/print
1.6 PHP 數據類型
1.7 PHP 常量
1.8 PHP 字符串
1.9 PHP 運算符
1.10 PHP If...Else
1.11 PHP Switch
1.12 PHP 數組
1.13 PHP 數組排序
1.14 PHP 超級全局變量
1.15 PHP While 循環
1.16 PHP For 循環
1.17 PHP 函數
1.18 PHP 魔術變量
1.19 PHP 命名空間
1.20 PHP 面向對象
2、PHP 表單
2.1 PHP 表單
2.2 PHP 表單驗證
2.3 PHP 表單 - 必需字段
2.4 PHP 表單 - 驗證郵件和URL
2.5 PHP 完整表單實例
2.6 PHP $_GET 變量
2.7 PHP $_POST 變量
3、PHP 高級教程
3.1 PHP 多維數組
3.2 PHP 日期
3.3 PHP 包含
3.4 PHP 文件
3.5 PHP 文件上傳
3.6 PHP Cookie
3.7 PHP Session
3.8 PHP E-mail
3.9 PHP 安全 E-mail
3.10 PHP Error
3.11 PHP 過濾器
3.12 PHP 高級過濾器
3.13 PHP JSON
4、PHP 7 新特性
4.1 PHP 7 新特性
5、PHP 數據庫
5.1 PHP MySQL 簡介
5.2 PHP MySQL 連接
5.3 PHP MySQL 創建數據庫
5.4 PHP MySQL 創建數據表
5.5 PHP MySQL 插入數據
5.6 PHP MySQL 插入多條數據
5.7 PHP MySQL 預處理語句
5.8 PHP MySQL 讀取數據
5.9 PHP MySQL Where
5.10 PHP MySQL Order By
5.11 PHP MySQL Update
5.12 PHP MySQL Delete
5.13 PHP ODBC
6、PHP XML
6.1 XML Expat Parser
6.2 XML DOM
6.3 XML SimpleXML
7、PHP 與 AJAX
7.1 AJAX 簡介
7.2 AJAX 與PHP
7.3 AJAX 數據庫
7.4 AJAX XML
7.5 AJAX 實時搜索
7.6 AJAX RSS Reader
7.7 AJAX 投票
五月情天