PHP と MySQL を使用して JSON データを HTML 形式に変換するにはどうすればよいですか?
PHP と MySQL はどのようにして JSON データを HTML 形式に変換しますか?
Web 開発では、PHP および MySQL を通じてバックエンドで取得したデータを HTML 形式でフロントエンド ページに表示する必要がよく発生します。一般的に使用されるデータ形式の 1 つは JSON です。この記事では、PHP と MySQL を使用して JSON データを HTML 形式に変換する方法と、対応するコード例を紹介します。
- データベースの準備
まず、データベースを準備し、対応するデータを保存する必要があります。 MySQL を例として、ユーザーの名前と年齢の情報を保存する「users」という名前のテーブルがあるとします。テーブルの構造は次のとおりです:
CREATE TABLE users (
id INT(11) AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50) NOT NULL, age INT(3) NOT NULL
);
テスト データをテーブルに挿入します:
INSERT INTOユーザー (名前、年齢) VALUES ('Zhang San', 20);
ユーザー (名前、年齢) VALUES ('Li Si', 25);
ユーザー (名前、年齢) VALUES ( '王五' , 30);
- JSON データを取得するための PHP コード
PHP を使用してデータベースからデータを取得し、JSON 形式に変換します。
//データベースに接続します
$servername = "localhost";
$username = "root";
$password = "";
$ dbname = "test";
$conn = new mysqli($servername, $username, $password, $dbname);
// 接続が成功したかどうかを確認します
if ($ conn-> connect_error) {
die("连接失败: " . $conn->connect_error);
}
// データベースからデータを取得
$sql = "SELECT * FROM users";
$result = $conn- >query($ sql);
// データを JSON 形式に変換します
$data = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) { $data[] = $row; }
}
$jsonData = json_encode($data);
echo $jsonData;
// データベース接続を閉じる
$conn->close() ;
? >
上記のコードは、まずデータベースに接続し、「users」テーブルのデータを取得します。次に、ループを通じてデータの各行を配列に追加します。最後に、配列は json_encode() 関数によって JSON 形式に変換され、JSON 文字列が出力されます。
- フロントエンド コードは JSON データを解析し、HTML テーブルを生成します
フロントエンド ページでは、JavaScript を使用してバックエンドから取得した JSON データを解析できます。 -end して変換します。 HTML テーブルに変換します。
<meta charset="UTF-8"> <title>JSON to HTML</title>
<table id="usersTable"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> </tbody> </table> <script> // 获取JSON数据 fetch('get_data.php') .then(response => response.json()) .then(data => { // 解析JSON数据并生成HTML表格 const tableBody = document.querySelector('#usersTable tbody'); data.forEach(row => { const tr = document.createElement('tr'); tr.innerHTML = ` <td>${row.id}</td> <td>${row.name}</td> <td>${row.age}</td> `; tableBody.appendChild(tr); }); }); </script>
上記のコードは、まず空の HTML テーブルを作成し、ヘッダーを設定します。次に、PHP スクリプトから返された JSON データを取得し、 fetch() 関数を使用してそれを JavaScript オブジェクトに解析します。次に、forEach() を使用してデータの各行をループし、createElement() 関数を使用して HTML テーブルの行を作成します。最後に、データの各行の値を対応するセルに追加し、その行をテーブルに追加します。
上記の手順により、MySQL データベース内のデータを PHP および JSON 形式で HTML テーブルに変換し、フロントエンド ページに表示することができました。
概要:
この記事では、PHP と MySQL を使用して JSON データを HTML 形式に変換する方法を紹介し、対応するコード例を示します。このようにして、バックエンドからデータを簡単に取得し、フロントエンド ページの読みやすい表に表示できます。この記事が、Web 開発における JSON データの処理と HTML テーブルの生成に役立つことを願っています。
以上がPHP と MySQL を使用して JSON データを HTML 形式に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









Laravelは、直感的なフラッシュメソッドを使用して、一時的なセッションデータの処理を簡素化します。これは、アプリケーション内に簡単なメッセージ、アラート、または通知を表示するのに最適です。 データは、デフォルトで次の要求のためにのみ持続します。 $リクエスト -

PHPクライアントURL(CURL)拡張機能は、開発者にとって強力なツールであり、リモートサーバーやREST APIとのシームレスな対話を可能にします。尊敬されるマルチプロトコルファイル転送ライブラリであるLibcurlを活用することにより、PHP Curlは効率的なexecuを促進します

Laravelは簡潔なHTTP応答シミュレーション構文を提供し、HTTP相互作用テストを簡素化します。このアプローチは、テストシミュレーションをより直感的にしながら、コード冗長性を大幅に削減します。 基本的な実装は、さまざまな応答タイプのショートカットを提供します。 Illuminate \ support \ facades \ httpを使用します。 http :: fake([[ 'google.com' => 'hello world'、 'github.com' => ['foo' => 'bar']、 'forge.laravel.com' =>

顧客の最も差し迫った問題にリアルタイムでインスタントソリューションを提供したいですか? ライブチャットを使用すると、顧客とのリアルタイムな会話を行い、すぐに問題を解決できます。それはあなたがあなたのカスタムにより速いサービスを提供することを可能にします

記事では、PHP 5.3で導入されたPHPの後期静的結合(LSB)について説明し、より柔軟な継承を求める静的メソッドコールのランタイム解像度を可能にします。 LSBの実用的なアプリケーションと潜在的なパフォーマ

この記事では、フレームワークにカスタム機能を追加し、アーキテクチャの理解、拡張ポイントの識別、統合とデバッグのベストプラクティスに焦点を当てています。

記事では、入力検証、認証、定期的な更新など、脆弱性から保護するためのフレームワークの重要なセキュリティ機能について説明します。
