随着互联网和移动应用的发展,动态页面和实时查询数据的需求越来越高。ajax (asynchronous javascript and xml) 正是一个帮助开发者实现异步数据传输和动态页面更新的技术。本文将介绍如何使用ajax和php从数据库查询数据,并在前端呈现出来。
首先,我们需要建立一个简单的数据库,用于存储数据。这里我们以“students”表为例,包含“id”,“name”和“age”三个字段,存储学生的基本信息。
建立好数据库后,我们需要使用PHP连接数据库,并编写查询语句。以下是一个简单的查询操作代码:
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"]. "
"; }} else { echo "0 结果";}$conn->close();?>
登录后复制
上述代码使用了mysqli连接MySQL数据库,并执行了一个简单的查询操作,将查询结果输出到了前端页面。在实际开发中,可能需要自定义要查询的内容,以及过滤和排序等操作。
接下来,我们需要使用AJAX技术来异步请求服务器端数据,并将结果呈现在前端页面上。以下是一个简单的AJAX查询操作的代码:
立即学习“PHP免费学习笔记(深入)”;
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();}请选择一个学生:小明小红小刚这里会显示查询到的学生信息
登录后复制
上述代码首先定义了一个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 "";while($row = mysqli_fetch_array($result)) { echo ""; echo ""; echo ""; echo ""; echo "";}echo "
ID | Name | Age |
---|---|---|
" . $row['id'] . " | " . $row['name'] . " | " . $row['age'] . " |
登录后复制
上述代码先读取AJAX请求中传来的参数,然后连接到MySQL数据库,执行一个带有where条件的查询语句,将查询结果以HTML表格的形式返回给前端页面。
综上,AJAX和PHP相结合查询数据库数据并在前端呈现是一个常见的动态网页开发需求,通过合理的使用这些技术,我们可以快速地实现一个完整的动态页面。
以上就是ajax php怎么查询数据库数据的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2509940.html