- ベストアンサー
外部ドメインjavascriptとの通信
- 別サーバにあるjavascriptファイルとPHPファイルを通信させて呼び出し元サイトにデータを埋め込もうとしていますが、別サーバに移動させた際にデータが返らなくなってしまいます。
- この問題の原因を調査するために、両方のサーバでApache2が動作していることや、APIファイルとPHPファイルのアドレスが正しく書かれていることを確認しました。
- しかし、問題の解決には至っていないため、具体的な解決策を教えていただけると助かります。
- hayu-14
- お礼率77% (35/45)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
document.writeはどこまでいってもだめです (5)(6)はアペンドするにはテキストノードを作る必要があります。 <html> <head> <script> window.onload=function(){ var result="test"; document.getElementById("result").innerHTML = result+"(1)"; document.getElementsByTagName("body")[0].innerHTML += result+"(3)"; document.getElementsByTagName("div")[1].innerHTML = result+"(4)"; document.getElementsByTagName("body")[0].appendChild(document.createTextNode(result+"(5)")); document.getElementsByTagName("div")[2].appendChild(document.createTextNode(result+"(6)")); } </script> </head> <body> <div id="result"></div> <div ></div> <div ></div> </body> </html>
お礼
ご回答ありがとうございます。 やはり、document.writeはどうやっても駄目なようですね。 使い慣れてるものが使えないと不便です・・・ 現在はなんとかappendChildを利用して埋め込むようにしています。 勉強になりました。ありがとうございました。
- think49
- ベストアンサー率59% (285/482)
#1 です。 まず、具体的にどうダメだったのかを詳しく聞かせていただかないとクリティカルな回答はできません。 さしつかえなければ、再現可能なコードを一式開示してください。 http://jsfiddle.net/ にUPしていただければ検証しやすいです。 考えられる可能性としては、 1. XHTML なので document.write を使えない 2. document をロードした後に document.write を呼び出したので既存のDOMが初期化されてしまった 通常、XMLHttpRequest は非同期なので 2. の可能性は十分にあります。appendChild が使えない理由にはならないので別の原因もありそうですが…。 http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-1006298752 https://developer.mozilla.org/ja/DOM/document.write
お礼
※補足の補足 説明不足に気付いたので追記致します。 >>まず、具体的にどうダメだったのかを詳しく聞かせていただかないとクリティカルな回答はできません。 駄目な時には、「API呼び出し元サイト：from.html」には何も書き込まれませんでした。 appendChildをする直前に、alert(put_code)とした所、思い通りのtableタグが生成されていましたが、 innerHTML以外では全て白紙の状態でした。
補足
言葉足らずで申し訳ない。 データベース参照部分などもあるので全ては出せませんが、根幹となる部分だけ以下に載せました。 (1)API呼び出し元サイト：from.html <html lang="ja"> <head> <meta http-equiv="Content-Type" content-"text/html; charset=utf-8"> </head> <body> <script type="text/javascript" src="http://SERVER'S ADDRESS/api.js"></script> <div id="result"></div> </body> </html> (2)呼び出されAPIファイル：api.js var script = document.createElement("script"); script.type = "text/javascript"; script.charset = "utf-8"; script.src = "http://SERVER'S ADDRESS/sample.php?arg1=ARG1"; document.body.appendChild(script); function callback(result){ var put_code = "<table><tr><td>"+result+</td></tr></table>"; document.getElementById("result").innerHTML = put_code; } (3)api.jsと通信してデータを渡すphpファイル：sample.php <?php mb_http_output("UTF-8"); $arg1 = $_GET['arg1']; /* postgresqlへアクセス $arg1で検索をかけ、結果を文字列として格納 */ echo "callback('$result')"; ?>
お礼
お早いご回答ありがとうございます! XMLHttpRequest Level 2は少し調べたのですが、ちょっとよく分からず断念してしまいました。 が、JSONP方式は以下のような簡単にできるサイトを見つけ、その通りにしたら無事できました。 http://zblog.sakura.ne.jp/javascript/jsonp_sum.html XMLHｔｔｐRequestはずっと使っていたので、恥ずかしながら別ドメインでは使えないことを知りませんでした。 また1つ勉強になりました。 ありがとうございました。
補足
すいません、別の質問を立てようと思ったのですが、関連しているのでここでもう1つ質問させていただきます。 PHPファイルから受信した文字列を、API呼び出し元ファイルに埋め込もうとしたのですが、 (1)document.getElementById("result").innerHTML = result; //OK (2)document.write(result); //ダメ (3)document.getElementsByTagName("body")[0].innerHTML = result; //OK (4)document.getElementsByTagName("div")[0].innerHTML = result; //OK (5)document.getElementsByTagName("body")[0].appendChild(result); //ダメ (6)document.getElementsByTagName("div")[0].appendChild(result); //ダメ ※呼び出し元ファイルでは、<div id="result"></div>を埋め込んでいます 私的に、document.writeが使えなかったのが衝撃だったのですが、 何か理由があるのでしょうか? それとも使い方が間違っているのでしょうか・・・?