PHPでテキストファイルを読み込みたい

ローカルのindex.html(＋JavaScript)から外部サーバーに置いたJSONテキストファイルを取得して、index.htmlに表示できないか模索しております(昨日こちらに投稿させて頂き、テストするうちに内容が変わりましたので新たに新規投稿いたしました)。

index.htmlから直接外部サーバーのテキストファイルを取得しようとするとクロスドメインによるエラーが発生するため、こちらのサイト（項目：JSONPとして扱う）を参考にしまして、外部サーバーにjsonp.php（下記コード参照）を置き、index.htmlからこのPHPファイルに記述した内容を取得する方法にしたところ、こちらは問題無く内容を取得することができました。

そこで次はこのPHP経由でテキストファイルをindex.htmlに読めないかと考えております。ただ当方PHPに関して無知なところであり、そのような方法が可能なのか、可能であった場合PHPファイルのコードをいかに改良すれば良いのか分かりません。

お知恵拝借できればと思います。
よろしくお願いいたします。

●ローカル環境の内容：
・index.html（＋JavaScriptファイル）

●外部サーバーの内容：
・jsonp.php
・json.txt（index.htmlに読み込ませたい、JSONを記述したファイル）

Javascript
1jQuery(function($){
2  var xhr = $.ajax({
3    url: '〜〜jsonp.php', // 外部サーバーに置いたPHPファイルを指定
4    type: 'GET',
5    dataType: 'jsonp', // JSONPで取得
6    timeout: 5000,
7  });
8  xhr.success(function(res){
9    console.log('通信成功');
10    console.log(res); // > PHP内に記述した「あいうえお」を返します
11  });
12  xhr.error(function(res){
13    console.log('通信失敗');
14  });
15  xhr.complete(function(res){
16  });
17});  
18

php
1<?php
2
3  $jsoncode = json_encode(あいうえお);
4  // この「あいうえお」がindex.htmlで取得・表示できます。
5  // この部分を、外部テキストファイルに記述したJSONにしたい（読み込ませたい）です。
6
7  header('Content-Type: application/json; charset=utf-8');
8
9  if (isset($_GET['callback'])){
10    echo $_GET['callback'].'('.$jsoncode.')';
11  } else {
12    echo $jsoncode;
13  }
14
15?>

JSON
1// 外部テキストファイルには以下のようなJSONが記述されています。
2{"data":[{"url":"aaa.html","title":"タイトル"},{"url":"aaa.html","title":"タイトル"}]}

行動規範の内容に同意します

回答2件

ローカル(file:///)上で外部ファイル読み込みのセキュリティ制約を回避するいくつかの方法：ローカルでWebサーバを動かす (file:/// を諦める。全ブラウザ対応)

ChromeではそもそもAjax通信がローカルファイルからではできません。
Ajax通信部分を記載しているhtml自体をサーバーに置いてください（WebサーバーまたはローカルPCだとXAMPPなどでローカルサーバーを立ち上げてそこに置く）

投稿2018/05/18 00:25

m.ts10806

総合スコア80842

agepan

2018/05/18 01:14

ご回答ありがとうございます。自己解決いたしました。

行動規範の内容に同意します

自己解決

jsonp.phpファイルのコードを以下に改変することで、ローカルのindex.htmlからサーバーに置いたjsonp.php越しのJSONテキストファイルを読み込み、index.htmlに取り込むことができました。

PHP
1<?php
2
3  $text     = file_get_contents('json.txt'); // ファイルの内容を開いて取得
4  $jsoncode = json_encode($text);            // JSONエンコード
5
6  header('Content-Type: application/json; charset=utf-8');
7
8  if (isset($_GET['callback'])){
9    echo $_GET['callback'].'('.$jsoncode.')';
10  } else {
11    echo $jsoncode;
12  }
13
14?>