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)

ホットトピック











多くの場合、キーワードと追跡パラメーターで散らかった長いURLは、訪問者を阻止できます。 URL短縮スクリプトはソリューションを提供し、ソーシャルメディアやその他のプラットフォームに最適な簡潔なリンクを作成します。 これらのスクリプトは、個々のWebサイトにとって価値があります

2012年のFacebookによる有名な買収に続いて、Instagramはサードパーティの使用のために2セットのAPIを採用しました。これらはInstagramグラフAPIとInstagram Basic Display APIです。

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

これは、LaravelバックエンドとのReactアプリケーションの構築に関するシリーズの2番目と最終部分です。シリーズの最初の部分では、基本的な製品上場アプリケーションのためにLaravelを使用してRESTFUL APIを作成しました。このチュートリアルでは、開発者になります

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

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

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

2025 PHP Landscape Surveyは、現在のPHP開発動向を調査しています。 開発者や企業に洞察を提供することを目的とした、フレームワークの使用、展開方法、および課題を調査します。 この調査では、現代のPHP Versioの成長が予想されています
