jQueryの$.ajaxでPHPプログラムを経由してJSONデータを表示するプログラム

jQuery・JS

別ドメインのJSONデータにPHPにアクセスしてそれをjQueruの$.ajaxを使いデータを表示するプログラムです。

json1.json(別ドメインに配置)

{"title":"jsonp1","description":"jsonp test"}

ajax.php

下のコードは、json1.jsonファイルのテキストを取得して出力します。

$base_url = "http://example.com/json1.json";
$json = file_get_contents($base_url);
$json = mb_convert_encoding($json, 'UTF-8');
print $json;

ajax.html

$.ajaxに設定するパラメータのurlにajax.phpファイルを設定、dataTypeにjsonを設定、正常に通信を終えると.doneメソッドを実行、失敗すると.failメソッドを実行します。

$(function() { 
	$.ajax({
		url:'ajax.php',
		dataType: 'json',
	})
	.done(function(data) {
		alert(data.title);
	})
	.fail(function(data) {
		alert('error');
	});
});
スポンサーリンク

コメント

タイトルとURLをコピーしました