HTML tidak boleh membaca pangkalan data secara langsung, tetapi ia boleh dicapai melalui JavaScript dan AJAX. Langkah-langkah termasuk mewujudkan sambungan pangkalan data, menghantar pertanyaan, memproses respons dan mengemas kini halaman. Artikel ini menyediakan contoh praktikal menggunakan JavaScript, AJAX dan PHP untuk membaca data daripada pangkalan data MySQL, menunjukkan cara untuk memaparkan hasil pertanyaan secara dinamik dalam halaman HTML. Contoh ini menggunakan XMLHttpRequest untuk mewujudkan sambungan pangkalan data, menghantar pertanyaan dan memproses respons, dengan itu mengisi data ke dalam elemen halaman dan merealisasikan fungsi HTML membaca pangkalan data.
Analisis HTML yang mendalam Cara membaca pangkalan data
Kata Pengantar
Dalam aplikasi web moden, membaca pangkalan data adalah penting, yang membolehkan kami mengekstrak data daripada pangkalan data dan memaparkannya kepada pengguna . HTML sendiri tidak boleh menyambung terus ke pangkalan data, tetapi kami boleh menggunakan teknologi JavaScript dan AJAX untuk mencapai fungsi ini. Artikel ini mendalami cara HTML membaca pangkalan data melalui JavaScript dan AJAX, dan menerangkannya dengan contoh.
JavaScript dan AJAX
JavaScript ialah bahasa skrip yang boleh mengubah suai kandungan dan tingkah laku halaman web secara dinamik. AJAX (Asynchronous JavaScript and XML) ialah teknologi yang membolehkan JavaScript berkomunikasi dengan pelayan tanpa memuatkan semula keseluruhan halaman. Menggunakan AJAX, kami boleh mengambil data daripada pangkalan data di latar belakang dan kemudian mengemas kini kandungan halaman.
Langkah
Membaca pangkalan data melibatkan langkah berikut:
- Mewujudkan sambungan pangkalan data: Gunakan JavaScript untuk mewujudkan sambungan ke pangkalan data seperti MySQL atau PostgreSQL.
- Hantar Pertanyaan: Tulis dan hantar pertanyaan SQL melalui JavaScript untuk mendapatkan data.
- Memproses respons: Terima dan menghuraikan respons daripada pangkalan data, ekstrak data yang diperlukan.
- Kemas kini halaman: Gunakan JavaScript untuk mengemas kini kandungan halaman web secara dinamik dan memaparkan data yang diperoleh daripada pangkalan data.
Kes praktikal
Berikut ialah contoh penggunaan HTML, JavaScript dan AJAX untuk membaca pangkalan data MySQL:
HTML
<div id="data-container"></div> <script> // 获取数据容器元素 const dataContainer = document.getElementById("data-container"); // 数据库连接信息 const dbHost = "localhost"; const dbName = "mydb"; const dbUser = "root"; const dbPass = "root"; // 建立数据库连接 const conn = new XMLHttpRequest(); conn.open("GET", `php/connect_db.php?host=${dbHost}&name=${dbName}&user=${dbUser}&pass=${dbPass}`); conn.send(); // 监听数据库连接响应 conn.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // 数据库连接成功,发送查询 const query = "SELECT * FROM users"; const queryRequest = new XMLHttpRequest(); queryRequest.open("POST", `php/query_db.php?query=${query}`); queryRequest.send(); // 监听查询响应 queryRequest.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // 查询成功,获取响应 const data = JSON.parse(this.responseText); // 遍历数据并填充数据容器 for (let i = 0; i < data.length; i++) { dataContainer.appendChild(document.createElement("p")).textContent = `Name: ${data[i].name}, Age: ${data[i].age}`; } } }; } }; </script>
PHP (untuk sambungan pangkalan data dan pertanyaan
)<?php
// 数据库连接信息
$dbHost = $_GET['host'];
$dbName = $_GET['name'];
$dbUser = $_GET['user'];
$dbPass = $_GET['pass'];
// 建立数据库连接
$conn = new mysqli($dbHost, $dbUser, $dbPass, $dbName);
if ($conn->connect_error) {
die("数据库连接失败: " . $conn->connect_error);
}
Buka fail HTML yang mengandungi kod di atas dalam pelayar anda, ia secara automatik akan menanyakan pangkalan data dan mendapat respons daripada skrip PHP menggunakan AJAX. Data yang diperoleh daripada pangkalan data akan diisikan ke dalam elemen "bekas data", dan hasil pertanyaan akan dipaparkan pada halaman dalam masa nyata. Atas ialah kandungan terperinci . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!<?php
include 'connect_db.php';
// 获取查询字符串
$query = $_GET['query'];
// 执行查询
$result = $conn->query($query);
if (!$result) {
die("查询失败: " . $conn->error);
}
// 将查询结果编码为 JSON 格式
$data = json_encode($result->fetch_all(MYSQLI_ASSOC));
// 返回 JSON 数据
echo $data;

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

MySQL adalah sistem pengurusan pangkalan data relasi sumber terbuka, terutamanya digunakan untuk menyimpan dan mengambil data dengan cepat dan boleh dipercayai. Prinsip kerjanya termasuk permintaan pelanggan, resolusi pertanyaan, pelaksanaan pertanyaan dan hasil pulangan. Contoh penggunaan termasuk membuat jadual, memasukkan dan menanyakan data, dan ciri -ciri canggih seperti Operasi Join. Kesalahan umum melibatkan sintaks SQL, jenis data, dan keizinan, dan cadangan pengoptimuman termasuk penggunaan indeks, pertanyaan yang dioptimumkan, dan pembahagian jadual.

Kedudukan MySQL dalam pangkalan data dan pengaturcaraan sangat penting. Ia adalah sistem pengurusan pangkalan data sumber terbuka yang digunakan secara meluas dalam pelbagai senario aplikasi. 1) MySQL menyediakan fungsi penyimpanan data, organisasi dan pengambilan data yang cekap, sistem sokongan web, mudah alih dan perusahaan. 2) Ia menggunakan seni bina pelanggan-pelayan, menyokong pelbagai enjin penyimpanan dan pengoptimuman indeks. 3) Penggunaan asas termasuk membuat jadual dan memasukkan data, dan penggunaan lanjutan melibatkan pelbagai meja dan pertanyaan kompleks. 4) Soalan -soalan yang sering ditanya seperti kesilapan sintaks SQL dan isu -isu prestasi boleh disahpepijat melalui arahan jelas dan log pertanyaan perlahan. 5) Kaedah pengoptimuman prestasi termasuk penggunaan indeks rasional, pertanyaan yang dioptimumkan dan penggunaan cache. Amalan terbaik termasuk menggunakan urus niaga dan preparedStatemen

MySQL dipilih untuk prestasi, kebolehpercayaan, kemudahan penggunaan, dan sokongan komuniti. 1.MYSQL Menyediakan fungsi penyimpanan dan pengambilan data yang cekap, menyokong pelbagai jenis data dan operasi pertanyaan lanjutan. 2. Mengamalkan seni bina pelanggan-pelayan dan enjin penyimpanan berganda untuk menyokong urus niaga dan pengoptimuman pertanyaan. 3. Mudah digunakan, menyokong pelbagai sistem operasi dan bahasa pengaturcaraan. 4. Mempunyai sokongan komuniti yang kuat dan menyediakan sumber dan penyelesaian yang kaya.

Apache menyambung ke pangkalan data memerlukan langkah -langkah berikut: Pasang pemacu pangkalan data. Konfigurasikan fail web.xml untuk membuat kolam sambungan. Buat sumber data JDBC dan tentukan tetapan sambungan. Gunakan API JDBC untuk mengakses pangkalan data dari kod Java, termasuk mendapatkan sambungan, membuat kenyataan, parameter mengikat, melaksanakan pertanyaan atau kemas kini, dan hasil pemprosesan.

Proses memulakan MySQL di Docker terdiri daripada langkah -langkah berikut: Tarik imej MySQL untuk membuat dan memulakan bekas, tetapkan kata laluan pengguna root, dan memetakan sambungan pengesahan port Buat pangkalan data dan pengguna memberikan semua kebenaran ke pangkalan data

Peranan utama MySQL dalam aplikasi web adalah untuk menyimpan dan mengurus data. 1.MYSQL dengan cekap memproses maklumat pengguna, katalog produk, rekod urus niaga dan data lain. 2. Melalui pertanyaan SQL, pemaju boleh mengekstrak maklumat dari pangkalan data untuk menghasilkan kandungan dinamik. 3.MYSQL berfungsi berdasarkan model klien-pelayan untuk memastikan kelajuan pertanyaan yang boleh diterima.

Memasang MySQL pada CentOS melibatkan langkah -langkah berikut: Menambah sumber MySQL YUM yang sesuai. Jalankan YUM Pasang Perintah MySQL-Server untuk memasang pelayan MySQL. Gunakan perintah mysql_secure_installation untuk membuat tetapan keselamatan, seperti menetapkan kata laluan pengguna root. Sesuaikan fail konfigurasi MySQL seperti yang diperlukan. Tune parameter MySQL dan mengoptimumkan pangkalan data untuk prestasi.

Kunci untuk memasang MySQL dengan elegan adalah untuk menambah repositori MySQL rasmi. Langkah -langkah khusus adalah seperti berikut: Muat turun kekunci GPG rasmi MySQL untuk mencegah serangan pancingan data. Tambah fail repositori MySQL: rpm -uvh https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpm kemas kini yum repository cache: yum update mysql: yum pemasangan mysql-server mysql Server.
