Ajax通信がうまくいかない

Apache CordovaにてAjax通信がうまくいきません。

コードは下記のとおりです。

js
1var ajax= {};
2ajax.email = $("#email").val();
3
4$.ajax({
5	type: "POST",
6	async: false,
7	url: "http://外部サーバー/example.php",
8	data: ajax,
9	cache: false,
10	success: function(html) {
11		alert(html);
12	},
13	error: function (XMLHttpRequest, textStatus, errorThrown) {
14		alert('miss');
15	}
16});

node.jsにてapache cordovaの環境を構築しています。
ローカル環境ですが、ローカルだと通信できないのか、もしくはインストールすべきものがほかにあるのかわからない状態です。
コンソールによるエラーは出ておらず、上記コードのエラー時のアラートのみ出てきます。
どうすればajax通信できるのでしょうか。

m.ts10806

2017/08/27 09:13

「うまくいきません。」ですが起きている現象を具体的に記述してください。　https://teratail.com/help/question-tips#questionTips3-4 また、errorで引き受けている引数からサーバー側が出力しているエラーを取得可能なので、http://ysklog.net/jquery/ajax/4501.html　などを参考にalertなりconsoleなりに出力して確認してみてください。

Hauston

2017/08/27 09:21

回答ありがとうございます。エラーをalertで出力してみました。XMLHttpRequest: 0 textStatus: error errorThrown: undefined このように出力されました。調べてみても有効そうな情報がまだ見つけられないのでこのまま調べてみることにします。

m.ts10806

2017/08/27 09:36

errorThrown.message　は何か記述ミスっぽいですねー。いずれにしろerrorに入ってきてるのはurlで実行したサーバーサイドのプログラムで何かしらエラーが起きているケースが多いと思います。

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

回答2件

横レスするようですみません。

理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない

サーバーが CORS に対応してないのでは？

CORS は HTML 5 の仕様なので依然として使えないブラウザがありますが、対応している最新ブラウザを使っているとして・・・

要求が「シンプルなリクエスト」になる場合、CORS をサポートしているブラウザからは origin: http://<要求元のドメイン> を追加する以外には普通にサーバーに要求を出します。

サーバーが CORS をサポートしていれば、要求ヘッダの origin フィールドを見て要求側のドメインがクロスドメインアクセスを許可する対象であるかを判定し、受け入れの判断をすることができます。

受け入れ OK と判断されれば、応答ヘッダの Access-Control-Allow-Origin に * とか http://<求元のドメイン> を設定して返します。

エラーメッセージはそれがないということのようです。

Fiddler などのキャプチャツールで要求・応答を調べてください。

CORS については以下の記事およびそこからリンクが張られている記事が参考になると思います。

クロスドメインの WCF サービス
http://surferonwww.info/BlogEngine/post/2016/12/27/wcf-service-in-cross-domain.aspx

投稿2017/08/27 11:23

退会済みユーザー

総合スコア0

ベストアンサー

原因となる要因は色々あって一概にこれと特定するのは難しいですが

外部サーバーのURLをajaxで実行しているのであればクロスドメインで通信できない状態になってる可能性があります。

一応errorコールバックで受け取った３つのパラメータをconsole.logで書き出してみてください。何かヒントがわかるかも。

その他の原因としては、そもそも本当にサーバーは正常なのかを確認したほうがいいです。
ブラウザのアドオンのRestClientで該当のURLにPOSTリクエストを送ってみてください。

応答がある->サーバーは問題ない。
応答がない->そもそもネットワークが接続できてない、サーバー構築が間違ってる
などの切り分けができます。

一度に全部を通そうとしても、基本通らないと思ってください。サーバー単体で実行してサーバーが正常であることを確認した上で、クライアント（javascript）を結合する、という手続きを踏まないと、クライアントが間違っているのかサーバーにバグがあるのか原因の特定に時間がかかります。

投稿2017/08/27 09:44

Tak1016

総合スコア1408

Hauston

2017/08/27 10:39

回答ありがとうございます。 console.logでのエラーが取れたので記載します。クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、http://サーバーのip/example.php にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。こちらのエラー内容ですが、「ajaxのurl部にipアドレスを打ち込んで通信、尚且つipによる受信を許可していなかったためにエラーが起きていた」という認識で正しいでしょうか。後日ドメインを購入してテストしてみようと思います。