首页博客网络编程
AJAX功能强大且相当广泛，因此一些初学者可能会错误地认为它是一种独立的编程语言也就不足为奇了。实际上，AJAX代表异步JavaScript和XML。
基本上，它使用内置于浏览器中的XMLHttpRequest对象从Web服务器请求数据。然后，它使用JavaScript和HTML DOM来使用或显示所述数据。这意味着您无需重新加载网页即可查看更新。
MySQL被认为是世界上最受欢迎的数据库管理系统。它如此普遍的原因很简单：它是免费的，开源的，几乎可以在任何系统上运行，包括但不限于Windows，Linux和Mac OS。
结合使用MySQL，AJAX和PHP将使您能够有效地与数据库进行通信并显示交互式数据。让我们看看它是如何完成的，使用一个简单的PHP AJAX示例。
内容
PHP - AJAX 和 MySQL：主要提示
MySQL在世界上存储数据方面非常流行。它可靠、免费，可在任何系统上运行。
AJAX 充当通信器，让浏览器和服务器在幕后进行通信。
MySQL 数据库示例
在这个PHP AJAX教程中，我们将解释如何使用AJAX MySQL连接访问和排序数据。但在我们尝试之前，我们必须首先有一个数据库来访问。为了简单和学习，我们暂时保持简短。这里有一个看起来像这样的表：
| 编号 | 名 | 姓氏 | 年龄 | 出生地 | 职业 |
|---|---|---|---|---|---|
| 1 | 马克 | 杜利 | 32 | 伦敦 | 程序员 |
| 2 | 吊楔 | 柯克布莱德 | 25 | 纽约 | 艺术家 |
| 3 | 千斤顶 | 李 | 19 | 加州 | 消防员 |
| 4 | 玛丽 | 杰斐逊 | 46 | 魁北克 | 军官 |
Web应用程序的制作：HTML示例
当尝试构建一个 PHP AJAX 示例 Web 应用程序时，我们首先必须创建一个名称下拉列表。然后，它将直接从所选数据库中访问和使用信息。当有人选择列表中的一个特定人员时，他们的个人信息将显示在表格中。
为此，从下拉列表中选择一个人时，将调用该函数，该函数由 onchange 事件触发。show_user()
以下是必需的 HTML：
例复制
<html><head>
<script>
function showUser(str) { if (str == '') { document.getElementById("txt_hint").innerHTML = ""; return;
} else {
if (window.XMLHttpRequest) { // script for browser version above IE 7 and the other popular browsers (newer browsers)
xmlhttp = new XMLHttpRequest();
} else { // script for the IE 5 and 6 browsers (older versions)
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // get the element in which we will use as a placeholder and space for table
document.getElementById("txt_hint").innerHTML = this.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">Mark Dooley</option>
<option value="2">Lewis Kirkbride</option>
<option value="3">Jack Lee</option>
<option value="4">Mary Jefferson</option>
</select>
</form>
<br>
<div id="txt_hint"><b>This is where info about the person is displayed.</b></div></body></html>
示例说明
首先，我们应该检查 PHP AJAX 示例中是否有人被选中。如果我们怀疑的是真的，并且没有进行选择（），我们清除占位符并退出函数。str == ""txt_hint
但是，如果选择了特定的人，则在我们的 PHP AJAX 示例中会发生以下情况：
首先，我们创建一个 XMLHttpRequest 对象来发出服务器请求。
然后，我们创建一个函数，用于何时准备好服务器响应。
最后，我们向保存我们数据库的服务器发出请求。
注意： 请注意如何将具有下拉列表选择的参数添加到 URL。
q
用数据填充 HTML 表：PHP 示例
上面Javascript调用的页面是get_user.php的。
在get_user.php文件中找到的源代码将对我们的MySQL数据库运行查询，然后返回结果。我们将看到它格式化为 HTML 表格：
例复制
<!DOCTYPE html><html><body>
<?php
$q = intval($_GET['q']);
$conn = mysqli_connect('localhost', 'johny', 'abcde12345', 'db'); if (!$conn) { die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($conn, "ajax_");
$sql = "SELECT * FROM users WHERE id = '".$q."'";
$result = mysqli_query($conn,$sql); echo "<table>
<tr>
<th>First name</th>
<th>Last name</th>
<th>Age</th>
<th>Birthplace</th>
<th>Occupation</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['Birthplace'] . "</td>"; echo "<td>" . $row['Occupation'] . "</td>"; echo "</tr>";
} echo "</table>";
mysqli_close($conn); ?></body></html>
对示例的评论
在get_user.php中调用 PHP 脚本后，会发生以下情况
建立了 AJAX MySQL 连接。
找到相应的用户。
该脚本创建并用数据填充 HTML 表，然后将其发送回占位符。
txt_hint
仔细研究所描述的 AJAX PHP 示例和 HTML 代码，并尝试自己制作类似的示例。您不仅会发现它相当容易，而且您会发现MySQL，AJAX和PHP的组合提供的全新功能世界。
PHP - AJAX 和 MySQL：摘要
AJAX 是用于创建动态应用程序的强大工具。它在浏览器和服务器之间建立连接。
MySQL是世界上最受欢迎的数据库管理系统，因为它的可靠性，安全性和有效性。
声明提示：若要转载请务必保留原文链接，申明来源，谢谢合作！
广告位
广告位