随着互联网和移动应用的发展,动态页面和实时查询数据的需求越来越高。AJAX (Asynchronous JavaScript and XML) 正是一个帮助开发者实现异步数据传输和动态页面更新的技术。本文将介绍如何使用AJAX和PHP从数据库查询数据,并在前端呈现出来。
首先,我们需要建立一个简单的数据库,用于存储数据。这里我们以“students”表为例,包含“id”,“name”和“age”三个字段,存储学生的基本信息。
建立好数据库后,我们需要使用PHP连接数据库,并编写查询语句。以下是一个简单的查询操作代码:
<?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } $sql = "SELECT * FROM students"; $result = $conn->query($sql); // 处理查询结果 if ($result->num_rows > 0) { // 输出每行数据 while($row = $result->fetch_assoc()) { echo "学生ID: " . $row["id"]. " - 姓名: " . $row["name"]. " - 年龄: " . $row["age"]. "<br>"; } } else { echo "0 结果"; } $conn->close(); ?>
上述代码使用了mysqli连接MySQL数据库,并执行了一个简单的查询操作,将查询结果输出到了前端页面。在实际开发中,可能需要自定义要查询的内容,以及过滤和排序等操作。
接下来,我们需要使用AJAX技术来异步请求服务器端数据,并将结果呈现在前端页面上。以下是一个简单的AJAX查询操作的代码:
<html> <head> <script> function showData(str) { if (str=="") { document.getElementById("result").innerHTML=""; return; } var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { document.getElementById("result").innerHTML=this.responseText; } } xmlhttp.open("GET","getdata.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <form> <select name="students" onchange="showData(this.value)"> <option value="">请选择一个学生:</option> <option value="1">小明</option> <option value="2">小红</option> <option value="3">小刚</option> </select> </form> <br> <div id="result"><b>这里会显示查询到的学生信息</b></div> </body> </html>
上述代码首先定义了一个showData函数,用于发送异步请求并接受服务器端返回的数据。在选择框中选择一个学生后,调用showData函数,并将所选学生的ID作为参数传入。
AJAX请求使用了XMLHttpRequest对象,通过open方法指定GET请求的URL地址和参数,并通过send方法发送请求。当请求返回200状态码时,说明查询成功,调用onreadystatechange函数,并将服务器端返回的数据作为responseText属性的值,将数据显示在前端页面上。如果请求失败,可以通过status属性获取失败状态码和错误信息。
最后,我们需要编写一个用于接受查询请求并从数据库查询数据的PHP脚本。以下是一个简单的PHP脚本的代码:
<?php $q = $_GET['q']; $con = mysqli_connect('localhost','username','password','myDB'); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } mysqli_select_db($con,"students"); $sql="SELECT * FROM students WHERE id = '".$q."'"; $result = mysqli_query($con,$sql); echo "<table> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr>"; while($row = mysqli_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['name'] . "</td>"; echo "<td>" . $row['age'] . "</td>"; echo "</tr>"; } echo "</table>"; mysqli_close($con); ?>
上述代码先读取AJAX请求中传来的参数,然后连接到MySQL数据库,执行一个带有where条件的查询语句,将查询结果以HTML表格的形式返回给前端页面。
综上,AJAX和PHP相结合查询数据库数据并在前端呈现是一个常见的动态网页开发需求,通过合理的使用这些技术,我们可以快速地实现一个完整的动态页面。
以上是ajax php怎么查询数据库数据的详细内容。更多信息请关注PHP中文网其他相关文章!

本文探讨了有效的PHP阵列重复数据删除。 它将内置功能与自定义hashmap方法进行比较,例如基于数组大小和数据类型的性能权衡。 最佳方法取决于Profili

本文分析了PHP阵列重复数据删除,突出了幼稚方法的性能瓶颈(O(n²))。 它使用Array_unique()探索具有自定义功能,SplobjectStorage和Hashset实现的有效替代方案

本文使用关键唯一性探讨了PHP阵列重复数据删除。 虽然不是直接的重复删除方法,但是利用钥匙唯一性可以通过将值映射到键,覆盖重复项来创建具有唯一值的新数组。 这个AP

本文使用RabbitMQ和Redis详细介绍了PHP中的消息队列。 它比较了它们的体系结构(AMQP与内存),功能和可靠性机制(确认,交易,持久性)。设计的最佳实践,错误

本文研究了当前的PHP编码标准和最佳实践,重点是PSR建议(PSR-1,PSR-2,PSR-4,PSR-12)。 它强调通过一致的样式,有意义的命名和EFF提高代码的可读性和可维护性

本文探讨了针对大型数据集的优化PHP阵列重复数据删除。 它检查了Array_unique(),array_flip(),splobjectStorage和Pre-Sorting等技术,以比较它们的效率。 对于大量数据集,它建议块,数据

本文详细介绍了安装和故障排除PHP扩展,重点是PECL。 它涵盖安装步骤(查找,下载/编译,启用,重新启动服务器),故障排除技术(检查日志,验证安装,

本文解释了PHP的反射API,可以实现运行时检查和对类,方法和属性的操纵。 它详细介绍了常见用例(文档生成,ORM,依赖注入)和针对绩效垂涎的警告


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)