首页 >数据库 >mysql教程 >如何有效地使用 jQuery AJAX 从 MySQL 数据库检索和显示数据,解决已弃用函数和正确响应处理的问题?

如何有效地使用 jQuery AJAX 从 MySQL 数据库检索和显示数据,解决已弃用函数和正确响应处理的问题?

DDD
DDD原创
2024-12-08 20:30:17994浏览

How can I effectively use jQuery AJAX to retrieve and display data from a MySQL database, addressing issues with deprecated functions and proper response handling?

使用 jQuery AJAX 显示来自 MySQL 的数据

在 Web 应用程序中处理数据时,通常需要从数据库检索信息。 jQuery 等 JavaScript 框架提供了执行 Ajax 请求的便捷方法,使您无需刷新整个页面即可获取数据。

问题

用户提供了类似的代码片段以下但报告它没有从 MySQL 检索数据数据库:

// list.php
$(document).ready(function() {
  var response = '';
  $.ajax({
    type: "GET",
    url: "Records.php",
    async: false,
    success: function(text) {
      response = text;
    }
  });

  alert(response);
});

// Records.php
<?php
$result = mysql_query("select * from users");
$array = mysql_fetch_row($result);
?>
<table>
<tr>
  <td>Name:</td>
  <td>Address:</td>
</tr>
<?php
while ($row = mysql_fetch_array($result)) {
  echo "<tr>";
  echo "<td>$row[1]</td>";
  echo "<td>$row[2]</td>";
  echo "</tr>";
}
?>
</table>

解决方案

提供的代码有几个问题:

  • 它依赖于过时的MySQL函数(mysql_connect、mysql_select_db) 、 mysql_query 等)已在更高版本中弃用并删除PHP。
  • Ajax 请求缺乏正确的配置来有效处理响应数据。

以下是解决这些问题的代码的更新版本:

// list.php
<html>
<head>
  <script src="jquery-1.3.2.js"></script>

  <script>
  $(document).ready(function() {
    $("#display").click(function() {

      $.ajax({
        type: "GET",
        url: "display.php",
        dataType: "html",
        success: function(response) {
          $("#responsecontainer").html(response);
        }
      });
    });
  });
  </script>
</head>

<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
  <tr>
    <td><input type="button">

附加说明:

  • 此解决方案以 jQuery 1.3.2 为例,但您可以将其更新到更新的版本。
  • “samples”是占位符数据库名称;将其替换为您的实际数据库名称。
  • student 表预计具有以下字段:roll_no (int)、name (string)、address (string)、stream (string)、status (string)。

以上是如何有效地使用 jQuery AJAX 从 MySQL 数据库检索和显示数据,解决已弃用函数和正确响应处理的问题?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn