【jQuery】$.loadでPHPファイルを読み込みJSONデータを表示する

JSONデータをPHPで取得して、その値をjQueryのloadで読み込んで表示するプログラムです。

test.json

{
	"city":"東京",
	"number":1
}

json.php

test.jsonの内容をjson.phpファイルのfile_get_contentsで取得して、printで値を出力しています。

$json = file_get_contents("http://localhost/test.json");
$json = mb_convert_encoding($json, 'UTF-8');
print $json;

load.html

jQueryのloadでjson.phpファイルを読み込んで、div#contentに表示しています。

$(function() {
  $('#content').load('json.php');
});
<div id="content"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です