Ajax+JavaScriptにて外部データの取得について教えて下さい。

質問

お世話になります。

現在、JavaScriptとAjaxを勉強中なのですが、Ajaxを使ったデータ取得において、外部サーバデータ（例えばYahooホームページのソース）等を取得するには、PHPにて作成した簡易ブラウザが必要と記してありました。
つきましては、PHPでの簡易ブラウザのコードが記述されている書籍・サイトをご紹介頂けます様お願いします。
また、AjaxにてPrototype.jsなどを使っているのですが、具体的で実用的なAjaxの使い方をご教示頂けます様お願いします。

上記質問がカテ違いの場合はご指摘頂けます様お願いします。

回答No.1

x_jouet_x · ベストアンサー

Ajax…、というよりもXMLHttpRequest(XHR)がセキュリティ上の制限のため、同じサーバのURLにしかアクセスできないので、外部サーバのデータにアクセスするためのPHPなどを同じサーバ上に置いて、XMLHttpRequestではそのURLにアクセスすればいいわけですが…。

> PHPにて作成した簡易ブラウザが必要と記してありました。
これは簡易ブラウザではなく、簡易HTTPクライアントだと思いますよ。
「ブラウザ」だとHTMLを描画する機能まで含んだものを意味してしまうので…。
HTTPクライアントであれば、ネットで"PHP HTTPクライアント"をキーワードに検索すれば簡単なコードを紹介しているサイトがヒットすると思いますよ。

ただ質問に「例えばYahooホームページのソース」と書かれていますが、Asynchronous JavaScript + XMLの略がAjaxと言われるように、XMLデータを扱うことが得意ですので、例えばYahoo!であればニュースや天気情報などでRSSが提供されています。
RSSはXMLデータですので、PHPでこのようなRSSを取得するプログラムを作成しておき、Ajaxを使ってPHPからRSSを取得してウェブページ上で非同期にニュースや天気情報を更新…、といったことの方が一般的だと思います。

> 具体的で実用的なAjaxの使い方をご教示頂けます様お願いします。
prototype.jsは、Ajaxとそれに関する基本的な機能を提供しているライブラリですので、prototype.jsを使用した実用的な例としては先に挙げたような
「RSSを取得してニュースや天気情報を表示」、「Yahoo!検索を自分のウェブサイトでAjaxを使って表示」、「Amazonの商品検索を自分のウェブサイトでAjaxを使って表示」etc... 色々と挙げることができます。
Ajaxは非同期、つまりウェブページ全体を更新することなく、ウェブページの一部のみを更新することができるので上記の実用例だけでなく、色々と考えることができます。

また、jQuey UI、Ext JSやYahoo! UIといったAjaxライブラリのようにUI機能を提供しているものも数多く存在します。
これらのライブラリを使用すれば、例えばJavaScriptでカレンダーを表示したり、グラフを表示したりと色々なことができるようになります。

prototype.jsだけでなく、色々なライブラリを探してみて「どんなことができるのか？」考えてみるのも面白いと思いますよ。

お礼

ご回答ありがとうございます。
お礼が遅れまして申し訳ありません。

教えて頂いた事で少しJavaScript+Ajavの使い方が分かった様な気がします。
本当にありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

> つきましては、PHPでの簡易ブラウザのコードが記述されている書籍・サイトをご紹介頂けます様お願いします。

php.iniで allow_url_fopen に 1 を指定。

１行ずつ配列にする場合
$html=file('http://www.example.com/');

文字列にする場合
$html = implode('', file('http://www.example.com/'));

以上。

参考URL：

http://jp.php.net/manual/ja/function.file.php

お礼

ご回答ありがとうございます。
お礼が送れた事をお詫び申し上げます。

具体的な回答を頂きまして、本当にありがとうございます。
教えて頂いた内容で少しずつ勉強していきたいと思います。