Ajax PHP로 데이터베이스 데이터를 쿼리하는 방법
인터넷과 모바일 애플리케이션의 발전으로 동적 페이지와 실시간 쿼리 데이터에 대한 수요가 점점 더 높아지고 있습니다. 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 속성의 값으로 사용되어 프런트 엔드 페이지에 데이터를 표시합니다. 요청이 실패하면 상태 속성을 통해 실패 상태 코드 및 오류 정보를 얻을 수 있습니다.
마지막으로 쿼리 요청을 받아들이고 데이터베이스의 데이터를 쿼리하는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7723
15
1643
14
1396
52
1290
25
1233
29
OWASP Top 10 PHP : 일반적인 취약점을 설명하고 완화하십시오.
Mar 26, 2025 pm 04:13 PM
이 기사는 PHP 및 완화 전략의 OWASP Top 10 취약점에 대해 설명합니다. 주요 문제에는 PHP 응용 프로그램을 모니터링하고 보호하기위한 권장 도구가 포함 된 주입, 인증 파손 및 XSS가 포함됩니다.
PHP 보안 파일 업로드 : 파일 관련 취약점 방지.
Mar 26, 2025 pm 04:18 PM
이 기사는 코드 주입과 같은 취약점을 방지하기 위해 PHP 파일 업로드 보안에 대해 설명합니다. 파일 유형 유효성 검증, 보안 저장 및 오류 처리에 중점을 두어 응용 프로그램 보안을 향상시킵니다.
PHP 입력 유효성 검증 : 모범 사례.
Mar 26, 2025 pm 04:17 PM
기사는 내장 함수 사용, 화이트리스트 접근 방식 및 서버 측 유효성 검사와 같은 기술에 중점을 둔 보안을 향상시키기 위해 PHP 입력 유효성 검증에 대한 모범 사례를 논의합니다.
PHP API 요율 제한 : 구현 전략.
Mar 26, 2025 pm 04:16 PM
이 기사는 토큰 버킷 및 누출 된 버킷과 같은 알고리즘을 포함하여 PHP에서 API 요율 제한을 구현하고 Symfony/Rate-Limiter와 같은 라이브러리 사용 전략에 대해 설명합니다. 또한 모니터링, 동적 조정 요율 제한 및 손도 다룹니다.
PHP XSS 예방 : XSS로부터 보호하는 방법.
Mar 26, 2025 pm 04:12 PM
이 기사는 PHP의 XSS 공격을 방지하기위한 전략, 입력 소독, 출력 인코딩 및 보안 향상 라이브러리 및 프레임 워크 사용에 중점을 둔 전략에 대해 설명합니다.
산과 기본 데이터베이스 : 차이 및 각각을 사용 해야하는시기.
Mar 26, 2025 pm 04:19 PM
이 기사는 산 및 기본 데이터베이스 모델을 비교하여 특성과 적절한 사용 사례를 자세히 설명합니다. 산은 금융 및 전자 상거래 애플리케이션에 적합한 데이터 무결성 및 일관성을 우선시하는 반면 Base는 가용성 및
PHP 비밀번호 해싱 : password_hash 및 password_verify.
Mar 26, 2025 pm 04:15 PM
이 기사에서는 PHP에서 암호를 보호하기 위해 PHP에서 Password_hash 및 Password_Verify 사용의 이점에 대해 설명합니다. 주요 주장은 이러한 기능이 자동 소금 생성, 강한 해싱 알고리즘 및 Secur를 통해 암호 보호를 향상 시킨다는 것입니다.
PHP 인터페이스 대 추상 클래스 : 각각을 사용할 때.
Mar 26, 2025 pm 04:11 PM
이 기사는 각각의 사용시기에 중점을 둔 PHP의 인터페이스 및 추상 클래스 사용에 대해 설명합니다. 인터페이스는 관련없는 클래스 및 다중 상속에 적합한 구현없이 계약을 정의합니다. 초록 클래스는 일반적인 기능을 제공합니다
