ローカルの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件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/18 01:14