jQuery AJAX를 효과적으로 사용하여 MySQL 데이터베이스에서 데이터를 검색 및 표시하고 더 이상 사용되지 않는 기능 및 적절한 응답 처리 문제를 해결할 수 있습니까?-MySQL 튜토리얼-php.cn

jQuery AJAX를 효과적으로 사용하여 MySQL 데이터베이스에서 데이터를 검색 및 표시하고 더 이상 사용되지 않는 기능 및 적절한 응답 처리 문제를 해결할 수 있습니까?

DDD

풀어 주다： 2024-12-08 20:30:17

원래의

1010명이 탐색했습니다.

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의 데이터 표시

웹 애플리케이션에서 데이터 작업을 할 때 데이터베이스에서 정보를 검색해야 하는 경우가 많습니다. . 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), 이름(문자열), 주소(문자열), 스트림(문자열), 상태(문자열) 필드가 있어야 합니다.

위 내용은 jQuery AJAX를 효과적으로 사용하여 MySQL 데이터베이스에서 데이터를 검색 및 표시하고 더 이상 사용되지 않는 기능 및 적절한 응답 처리 문제를 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!