monacaアプリからローカルサーバーに飛ぶ際に、「monacaアプリの変数の値」をローカルサーバーに渡したい。

Question

monacaアプリからローカルサーバーに飛ぶ際に、「monacaアプリの変数の値」をローカルサーバーに渡したい。

解決済

回答 4

投稿 2016/11/17 23:21 ・編集 2016/11/21 01:51

評価
クリップ 1
VIEW 4,127

t33

score 33

【質問内容】
表題の件を達成したかったのですが調査を進めた結果、変数そのものを渡すことは出来ないということが分かりました。
そこで代替案として「Ajaxを使用してPOSTで値を渡したい」のですがうまくいきません。
初心者で大変申し訳ありませんがご教授頂けないでしょうか。
よろしくお願い致します。

・ローカルサーバーはXAMPPを使用しています。
・コンソールに「Ajax_success」と出るのでAjaxは動いているのではないかと思います。。
・InAppBrowserでWebページに飛びます(APIを想定してはいません)←修正依頼を対応しました。

【monacaアプリのindex.html】

$.ajax({
      type: "POST",
      url: 'http://192.157.13.5/testajax.php',
      data: {
           'test': 2
      },
      success: function(j_data){
            console.log("Ajax_success!!");//成功していたらコンソールに文字列を表示する
      }
});                                
//ページ遷移
var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');//ローカルサーバーのtestajax.phpに飛ぶ

【ローカルサーバーのtestajax.php】

$data = $_POST['test'];
echo $data;

【エラー内容】

Notice: Undefined index:test

【まとめ】
「Ajaxを使用してPOSTで値を渡す」ことは「InAppBrowser」を使用する場合出来ないということが分かりました。
そこで他の方法として「GETで値を渡す」方法を試したところうまくいきました。

【monacaアプリのindex.html】
2次元配列を「GET」で渡して「ローカルサーバー」に飛ぶ処理

//2次元配列の作成
var sendData = new Array();
sendData[0] = new Array();
sendData[1] = new Array();
sendData[2] = new Array();

//2次元配列にテストデータを入れる
sendData[0][0] = "key0";
sendData[1][0] = "key1";
sendData[2][0] = "key2";

sendData[0][1] = "a";
sendData[1][1] = "b";
sendData[2][1] = "c";

//console.log("what is sendData:"+sendData);

//配列をJSONオブジェクト化
var json_obj = JSON.stringify(sendData);
//console.log("what is json_obj"+json_obj);

//ページ遷移
cordova.InAppBrowser.open( 'http://192.157.13.5/testajax.php?data=' + encodeURIComponent( json_obj ),'clearcache=yes','clearsessioncache=yes' );//ローカルサーバーのtestajax.phpにGETで配列の情報を付けて飛ぶ

【ローカルサーバーのtestajax.php】
GETで受け取ったURIからデータを取得し配列に入れる処理。(渡したい値を再設定する処理)
「decodeURIComponent」してから「JSON.parse」で配列にしています。

<script type="text/javascript" charset="UTF-8">

var decode_obj ="";
//２次元配列の作成
var getData = new Array();
getData[0] = new Array();
getData[1] = new Array();
getData[2] = new Array();



if (1 < window.location.search.length) {
    // 最初の6文字 (?data=) を除いた文字列を取得する
    //monaca index.htmlのencodeURIComponent( json_obj ) と queryが同一文字列となる

    var query = window.location.search.substring(6);//JSONオブジェクト化した2次元配列をエンコードしたものと同じもの
    //document.write("what is query:"+query+"<br>");

    decode_obj = decodeURIComponent( query );//JSONオブジェクト化した2次元配列
    //document.write("what is decode_obj:"+decode_obj+"<br>");

    getData = JSON.parse( decode_obj );//2次元配列
    //document.write("what is getData:"+getData+"<br>");
}
</script>

【追記２】
XAMPPを使った環境の場合、GETメソッドで大量にデータを送信するとエラーが出て送信できないことがあります。
これは「LimitRequestLine」をいじることで回避できます。
LimitRequestLineについて
試しに「LimitRequestLine」の値を100000にしてみましたが、問題なく動作しました。
(あまり値が大きくなりすぎるとセキュリティ的によくないと思いますので、許容できる範囲がいいのではないかと思います。)

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

クリップを取り消します
良い質問の評価を上げる

以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します

評価を下げられる数の上限に達しました

評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します

この機能は開放されていません

評価を下げる条件を満たしてません

評価を下げる理由を選択してください
プログラミングに関係のない質問やってほしいことだけを記載した丸投げの質問問題・課題が含まれていない質問意図的に内容が抹消された質問過去に投稿した質問と同じ内容の質問広告と受け取られるような投稿
詳細な説明はこちら

上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。
質問の評価を下げる機能の利用条件

この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
- メールアドレスの認証
  メールアドレスの認証
- 質問評価に関するヘルプページの閲覧
  質問評価に関するヘルプページの閲覧

4 件の質問への追記・修正依頼

質問への追記・修正、ベストアンサー選択の依頼

fromageblanc

2016/11/18 18:06

http://192.157.13.5/testajax.php がウェブページなのか、APIなのかどちらを想定しているかを明記したほうがよいですよ。ちなみにInAppBrowser.openはブラウザですのでWebページが開くだけです。

http://192.157.13.5/testajax.php がウェブページなのか、APIなのかどちらを想定しているかを明記したほうがよいですよ。ちなみにInAppBrowser.openはブラウザですのでWebページが開くだけです。

キャンセル
t33

2016/11/18 18:49

ご指摘ありがとうございます。修正致しました。

ご指摘ありがとうございます。修正致しました。

キャンセル
kei344

2016/11/21 01:54

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

キャンセル
t33

2016/11/22 00:39

気付きませんでした。ありがとうございます。「解決済」に致します。

気付きませんでした。ありがとうございます。「解決済」に致します。

キャンセル

回答 4 件

評価が高い順
新着順
古い順

+2

エラーが出るのは

var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');

この行で出ているのでは？

Notice: Undefined index:test

このエラーを返すのは、

$data = $_POST['test'];

の行です。
なので、$.ajax でアクセスされていることは間違いない。

Notice: Undefined index:test

は、POSTでアクセスしていないか、POSTでアクセスされていても、＄_POST['test'] が渡されていないかどちらかです。

InAppBrowser プラグイン
http://s.docs.monaca.io/ja/reference/cordova_5.2/inappbrowser/

window.open のようにURLをオープンする機能なのですから、openが実行された時、特に何も設定していない限り、GETでのアクセスになるはず。だから、ここでエラーになっているはずという見立て。

index.php

<!DOCTYPE HTML>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $.ajax({
                    type: "POST",
                    url: './testajax.php',
                    cache: false,
                    data: {
                        'test': 2
                    },
                    success: function (data) {
                        console.log(data);
                    }
                });
            });
        </script>
    </body>
</html>

testajax.php

<?php

$test = filter_input(INPUT_POST, 'test');
echo $test;

上記ソースコードの実行結果　こちらの環境では 2 となります。

投稿 2016/11/17 23:59

編集 2016/11/18 02:17

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2016/11/18 00:03

誤っていたら申し訳ないのですがエラーはご指摘の箇所は出ていないと思います。
試しに「ローカルサーバーのtestajax.php」を
echo "test";
としたところエラーが表示されず、testと表示されました。

誤っていたら申し訳ないのですがエラーはご指摘の箇所は出ていないと思います。試しに「ローカルサーバーのtestajax.php」を echo "test"; としたところエラーが表示されず、testと表示されました。

キャンセル
2016/11/18 00:05

> 誤っていたら申し訳ないのですがエラーはご指摘の箇所は出ていないと思います。
根拠は？
例えば、
// var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');
こんな風にしてもエラーが表示されるとかいうならわかりますが。

> 誤っていたら申し訳ないのですがエラーはご指摘の箇所は出ていないと思います。根拠は？例えば、 // var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php'); こんな風にしてもエラーが表示されるとかいうならわかりますが。

キャンセル
2016/11/18 00:14 編集

すみません、単純に僕の認識違いだと思われます。
分かりやすい説明ありがとうございます！

すみません、単純に僕の認識違いだと思われます。分かりやすい説明ありがとうございます！

キャンセル
2016/11/18 00:37

デバッグをうまくやるには、事実と推測を混同しないことです。
思い込みは役に立ちませんよ。

デバッグをうまくやるには、事実と推測を混同しないことです。思い込みは役に立ちませんよ。

キャンセル
2016/11/18 00:41 編集

いい経験になりましたありがとうございます。
初心者で解決方法が全く検討もつきません。。
お聞きしてばかりで大変申し訳ないのですが
こういった場合、どのようなアプローチがあるのでしょうか。
ヒントだけでも頂けるとうれしいです。

いい経験になりましたありがとうございます。初心者で解決方法が全く検討もつきません。。お聞きしてばかりで大変申し訳ないのですがこういった場合、どのようなアプローチがあるのでしょうか。ヒントだけでも頂けるとうれしいです。

キャンセル
2016/11/18 00:44

どこでエラーが発生しているのかをつき止めること。
javascript なら、行の先頭に // を記述すればコメントになってコードは実行されないのだから、

// var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');

こうすれば、この行は実行されなくなります。
色々とコメントの場所を変えて、実行結果がどう変わるのかを比べてみれば、ここが悪さしているんだなとわかります。

どこでエラーが発生しているのかをつき止めること。 javascript なら、行の先頭に // を記述すればコメントになってコードは実行されないのだから、 // var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php'); こうすれば、この行は実行されなくなります。色々とコメントの場所を変えて、実行結果がどう変わるのかを比べてみれば、ここが悪さしているんだなとわかります。

キャンセル
2016/11/18 00:57 編集

$.ajax({
type: "POST",
url: 'http://192.157.13.5/testajax.php',
cache: false,
data: {
'test': 2
},
success: function(data){
console.log(data);
}
});

ご指摘部分を削除してみたのですが、monacaのデバックコンソールにtestと表示されました。

$.ajax({ type: "POST", url: 'http://192.157.13.5/testajax.php', cache: false, data: { 'test': 2 }, success: function(data){ console.log(data); } }); ご指摘部分を削除してみたのですが、monacaのデバックコンソールにtestと表示されました。

キャンセル
2016/11/18 01:02

時間はかかるけど、「すべてのソースコードについて説明できるように」を普段から意識しておくと身につきやすいかと思いますよ。そのためにはリファレンスを読まなくてはいけませんし、試行錯誤が必要になると思います。
「よくわからないけど、動いたのでOK」という意識だと、詰んでしまいます。

時間はかかるけど、「すべてのソースコードについて説明できるように」を普段から意識しておくと身につきやすいかと思いますよ。そのためにはリファレンスを読まなくてはいけませんし、試行錯誤が必要になると思います。「よくわからないけど、動いたのでOK」という意識だと、詰んでしまいます。

キャンセル
2016/11/18 01:20 編集

時間がかかるとは思いますが精進致します。。
// var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');
この部分がダメということは分かったのですが、その後どうすればよいのか検討がつきません。

時間がかかるとは思いますが精進致します。。 // var ref = cordova.InAppBrowser.open('http://192.157.13.5/testajax.php'); この部分がダメということは分かったのですが、その後どうすればよいのか検討がつきません。

キャンセル
2016/11/18 01:23

それを聞かれても困りますね・・・
どんなんプログラムを作りたいのかって話なので、$.ajaxをなんのために書いたのかという話ですから。

それを聞かれても困りますね・・・どんなんプログラムを作りたいのかって話なので、$.ajaxをなんのために書いたのかという話ですから。

キャンセル
2016/11/18 01:31

monacaアプリからローカルサーバーに飛ぶ際に、Ajaxを使用してPOSTで値を渡したいのですが。。

monacaアプリからローカルサーバーに飛ぶ際に、Ajaxを使用してPOSTで値を渡したいのですが。。

キャンセル
2016/11/18 02:03 編集

$.ajax({
type: "POST",
url: 'http://192.157.13.5/testajax.php',
cache: false,
data: {
'test': 2
},
success: function(data){
console.log(data);
}
});
としたときにデバックコンソールに「test」と表示されてしまいます。
自分なりに色々調べてみたのですがなぜ「2」と表示されないのか分かりません。
お聞きしてばかりで申し訳ないのですがご教授頂けないでしょうか。

$.ajax({ type: "POST", url: 'http://192.157.13.5/testajax.php', cache: false, data: { 'test': 2 }, success: function(data){ console.log(data); } }); としたときにデバックコンソールに「test」と表示されてしまいます。自分なりに色々調べてみたのですがなぜ「2」と表示されないのか分かりません。お聞きしてばかりで申し訳ないのですがご教授頂けないでしょうか。

キャンセル
2016/11/18 03:18 編集

Kosuke_Shibuyaさんの環境で試して頂いたこと感謝の気持ちで一杯です。ありがとうございます。
お教え頂きましたスクリプトをコピーして試してみたところ２つ変化が起こりました。
①monacaデバックコンソールに「test」⇒「2」と正しく表示されました。
②Notice: Undefined index:testというエラーが表示されなくなりました。(ただtestajax.phpにて「2」という表示はされないで何も表示されませんでした。)

しかしながらtestajax.phpで2と表示する為に自分なりに調べてみたのですが、解決方法が分かりませんでした。。

Kosuke_Shibuyaさんの環境で試して頂いたこと感謝の気持ちで一杯です。ありがとうございます。お教え頂きましたスクリプトをコピーして試してみたところ２つ変化が起こりました。 ①monacaデバックコンソールに「test」⇒「2」と正しく表示されました。 ②Notice: Undefined index:testというエラーが表示されなくなりました。(ただtestajax.phpにて「2」という表示はされないで何も表示されませんでした。) しかしながらtestajax.phpで2と表示する為に自分なりに調べてみたのですが、解決方法が分かりませんでした。。

キャンセル
2016/11/18 03:24

いろんなケースを考えてみたけど、test と表示されるようなケースは思いつきません。さすがに目の前でそれを確認しない限り、原因の特定は困難だと思います。

いろんなケースを考えてみたけど、test と表示されるようなケースは思いつきません。さすがに目の前でそれを確認しない限り、原因の特定は困難だと思います。

キャンセル
2016/11/18 03:38 編集

なるほど、レアケースなのですね。。
原因特定は困難だとしても教えて頂いた方法でデバックコンソールに「2」と表示できたので一歩前進出来ました。
後はPOST出来れば目的が達成出来るのですが・・・なんともな状況です。

なるほど、レアケースなのですね。。原因特定は困難だとしても教えて頂いた方法でデバックコンソールに「2」と表示できたので一歩前進出来ました。後はPOST出来れば目的が達成出来るのですが・・・なんともな状況です。

キャンセル

+1

successをこうすれば2が返ってきてることがわかると思いますが

success: function(data){
    console.log(data);
  }

投稿 2016/11/17 23:26

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2016/11/17 23:32

2と表示されるのですが、testajax.php内で同様のエラーが出てしまいます。。

2と表示されるのですが、testajax.php内で同様のエラーが出てしまいます。。

キャンセル
2016/11/18 01:50 編集

恐らくですがキャッシュが読込まれた為2と表示されたのですが、キャッシュを読込まないように設定したらtestと表示します。なぜ2と表示されないのかが分かりません。。

恐らくですがキャッシュが読込まれた為2と表示されたのですが、キャッシュを読込まないように設定したらtestと表示します。なぜ2と表示されないのかが分かりません。。

キャンセル
2016/11/18 03:42

Kosuke_Shibuyaさんに教えて頂いた方法を試したところ2と表示されました。

Kosuke_Shibuyaさんに教えて頂いた方法を試したところ2と表示されました。

キャンセル

+1

cache:falseを加えてみてはどうでしょうか？
$.ajax({
cache: false,

投稿 2016/11/17 23:30

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2016/11/17 23:36 編集

$.ajax({
type: "POST",
url: 'http://192.157.13.5/testajax.php',
cache: false,
data: {
'test': 2
},
success: function(data){
console.log(data);
}
});
としたのですが同様のエラーが出てしまいます。。

$.ajax({ type: "POST", url: 'http://192.157.13.5/testajax.php', cache: false, data: { 'test': 2 }, success: function(data){ console.log(data); } }); としたのですが同様のエラーが出てしまいます。。

キャンセル
2016/11/17 23:55

ajaxは成功してるけど、
ページ遷移の部分でエラーが出てるのではないでしょうか？
ページ遷移の部分が必要なのかわかりませんが消してみてはどうでしょうか？

ajaxは成功してるけど、ページ遷移の部分でエラーが出てるのではないでしょうか？ページ遷移の部分が必要なのかわかりませんが消してみてはどうでしょうか？

キャンセル
2016/11/18 00:16

ページ遷移の部分は必要なんです。。
今回はローカルサーバーでテストしているのですが、本当は外部サーバーにPOSTをしたいと考えています。

ページ遷移の部分は必要なんです。。今回はローカルサーバーでテストしているのですが、本当は外部サーバーにPOSTをしたいと考えています。

キャンセル
2016/11/18 00:22

ajaxとページ遷移によるリダイレクトで2回httpアクセスが発生してることは把握されていますか？
ajaxによるhttpアクセスではエラーは出てませんが、
リダイレクトによるhttpアクセスでエラーが出ていると思われます。

ajaxとページ遷移によるリダイレクトで2回httpアクセスが発生してることは把握されていますか？ ajaxによるhttpアクセスではエラーは出てませんが、リダイレクトによるhttpアクセスでエラーが出ていると思われます。

キャンセル
2016/11/18 00:33 編集

なるほど、そんなことが起こっているとは。。
全く把握しておりませんでした。
ごめんなさい、初心者で解決方法が全く思いつきません。。
こういった場合どのような解決方法があるかヒントだけでもいいのでお教え頂けないでしょうか。

なるほど、そんなことが起こっているとは。。全く把握しておりませんでした。ごめんなさい、初心者で解決方法が全く思いつきません。。こういった場合どのような解決方法があるかヒントだけでもいいのでお教え頂けないでしょうか。

キャンセル
2016/11/18 00:39

上に書いた通り、最後の
ページ遷移の一行を消してみれば良いと思います。

上に書いた通り、最後のページ遷移の一行を消してみれば良いと思います。

キャンセル
2016/11/18 00:47 編集

お教え頂いた通り削除したら、monacaコンソールに「test」と表示されました

お教え頂いた通り削除したら、monacaコンソールに「test」と表示されました

キャンセル
2016/11/18 03:43

Kosuke_Shibuyaさんに教えて頂いた方法を試したところ2と表示されました。
後はPOST出来ればなのですが。

Kosuke_Shibuyaさんに教えて頂いた方法を試したところ2と表示されました。後はPOST出来ればなのですが。

キャンセル
2016/11/18 09:54

postはできてますよ。
\xampp\apache\logs\phperror.log
あたりにPOSTのログが残ってませんか？

postはできてますよ。 \xampp\apache\logs\phperror.log あたりにPOSTのログが残ってませんか？

キャンセル
2016/11/18 14:39

ごめんなさい少し字足らずでした。
POSTは出来ているとして、ローカルサーバーでPOSTの値を受け取ることが出来ていません。。
phperror.logがなかったので「error.log」を見たのですがそれっぽいログがありませんでした。(間違っていたらすみません)
関係ないかもしれませんが「access.log」を見たところ"POST /testajax.php HTTP/1.1" 200 8 "のような記述がありました。

ごめんなさい少し字足らずでした。 POSTは出来ているとして、ローカルサーバーでPOSTの値を受け取ることが出来ていません。。 phperror.logがなかったので「error.log」を見たのですがそれっぽいログがありませんでした。(間違っていたらすみません) 関係ないかもしれませんが「access.log」を見たところ"POST /testajax.php HTTP/1.1" 200 8 "のような記述がありました。

キャンセル
2016/11/18 14:53

errorでなくaccess.logですね。失礼しました。
POSTの値について
2をmonacaで送信してサーバで受け取り、再度サーバからmonacaへ送って
monacaで2を確認できているわけですよね？
POSTの値をサーバで保存したいとかいう意味ですか？

errorでなくaccess.logですね。失礼しました。 POSTの値について 2をmonacaで送信してサーバで受け取り、再度サーバからmonacaへ送って monacaで2を確認できているわけですよね？ POSTの値をサーバで保存したいとかいう意味ですか？

キャンセル
2016/11/18 15:26 編集

POSTの値をサーバーで使用したいのですが、POSTが受け取れない状況で困っていました。
お教え頂いた情報から結論を申し上げますとPOSTは出来ますが、POSTの値をサーバーで受け取れないという事実が分かりました。(cordova.InAppBrowser.openではPOSTを受け取れないとのことです)
POSTは諦めて、現在はkei344さんにご教授頂いている方法を試している状態です。

POSTの値をサーバーで使用したいのですが、POSTが受け取れない状況で困っていました。お教え頂いた情報から結論を申し上げますとPOSTは出来ますが、POSTの値をサーバーで受け取れないという事実が分かりました。(cordova.InAppBrowser.openではPOSTを受け取れないとのことです) POSTは諦めて、現在はkei344さんにご教授頂いている方法を試している状態です。

キャンセル
2016/11/18 17:54

kei344さんの"cordova.InAppBrowser.open ページを開いたらさっきのPOSTが投げられた状態で開くと思っていませんか？"の部分が理解できてないのかもしれません。
サーバサイドはアプリと違って値を保持してくれません。
$_POSTに入れた値が２回目アクセスしたときに空になっているだけで、
ajaxでアクセスした１回目には値は入ってます。
何がやりたいかにもよりますがkei344さんが言われているとおりajaxをわざわざ使わずに
GETだけでやりたいことが実現できるような気がします。

kei344さんの"cordova.InAppBrowser.open ページを開いたらさっきのPOSTが投げられた状態で開くと思っていませんか？"の部分が理解できてないのかもしれません。サーバサイドはアプリと違って値を保持してくれません。 $_POSTに入れた値が２回目アクセスしたときに空になっているだけで、 ajaxでアクセスした１回目には値は入ってます。何がやりたいかにもよりますがkei344さんが言われているとおりajaxをわざわざ使わずに GETだけでやりたいことが実現できるような気がします。

キャンセル
2016/11/20 04:40

GETで無事実現出来ました。本当にありがとうございました！

GETで無事実現出来ました。本当にありがとうございました！

キャンセル

同じタグがついた質問を見る

score 3 · Accepted Answer · 2016-11-18T02:13

ベストアンサー

+3

Cordova は触った事も無いですがパラメータは ref.executeScript で後から渡せるようです。

【Cordova 子Windowにパラメータを渡す - 調べたことメモ】
http://xshima2.blog.fc2.com/blog-entry-118.html

【Monacaドキュメント | Monaca】
http://docs.s.monaca.mobi/3.5/ja/reference/phonegap_3.5/ja/inappbrowser/#executescript

ref.executeScript(details, callback);

【Inappbrowser - Apache Cordova】
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/#inappbrowserexecutescript

PHP側はPOSTで受け取るわけではないので構造を考え直す（JavaScript主体でデータのやり取りをすることになる）必要がありますが、とりあえず現在の状況でエラーが出ているのを解消するには下記のように記述することになると思われます。

if ( isset( $_POST['test'] ) ) {
    $data = $_POST[ 'test' ];
    echo htmlspecialchars( $data, ENT_QUOTES, 'UTF-8' );
}

追記：

$.ajax({
      type: "POST",
      url: 'http://192.157.13.5/testajax.php',
      data: {
           'test': 2
      },
      success: function(j_data){
            console.log("Ajax_success!!");//成功していたらコンソールに文字列を表示する
      }
});
// ↑ これと ↓ これは違うページが返ってきますよ。上はPOSTを受け取った結果が、下はPOSTを受け取らなかったページが帰ってきます。
cordova.InAppBrowser.open('http://192.157.13.5/testajax.php');

投稿 2016/11/18 02:13

編集 2016/11/18 03:38

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2016/11/18 04:11 編集

ご教授ありがとうございます。
PHP側のエラーに関しては、お教え頂いた内容で回避することが出来ました。

又、Cordovaの情報を拝見したのですが、自分の理解が追いつかなかった為しっかり見たいと思います。
POSTがうまくいかない場合はCordovaでパラメータを渡すようにしたいのですが、あまり自信がありません。
頑張って挑戦してみたいと思いますが、もしうまくいかなかった場合は再度ご教授頂けるとうれしいです。
あつかましい話で大変恐縮ではございますが、何卒よろしくお願い致します。

ご教授ありがとうございます。 PHP側のエラーに関しては、お教え頂いた内容で回避することが出来ました。又、Cordovaの情報を拝見したのですが、自分の理解が追いつかなかった為しっかり見たいと思います。 POSTがうまくいかない場合はCordovaでパラメータを渡すようにしたいのですが、あまり自信がありません。頑張って挑戦してみたいと思いますが、もしうまくいかなかった場合は再度ご教授頂けるとうれしいです。あつかましい話で大変恐縮ではございますが、何卒よろしくお願い致します。

キャンセル
2016/11/18 04:52

あぁ、やはり伝わらなかったようですね･･･。

「POSTしてページを開く」がしたいのだと思います。
・それを Ajax でPOSTを投げる
・cordova.InAppBrowser.open ページを開いたらさっきのPOSTが投げられた状態で開く
と思っていませんか？

上記のような動作にはなりません。
PHPは呼び出されたものに値を返したら終了します。2回呼んでも1回ずつ値を返して1回ずつ終了します。

cordova.InAppBrowser.open はPOSTして開くということがそもそも出来ないようです。そのため、ref.executeScript で開いているページにスクリプトを挿入することでページを操作する方法を提示しました。

---

別の方法としては、GETで値を渡す方法です。
var json_obj = JSON.stringify( [ 'a', 'b', 'c', 'd' ] );
cordova.InAppBrowser.open( 'http://192.157.13.5/testajax.php?data=' + encodeURIComponent( json_obj ) );

受け取る方法↓
【JavaScriptでGETの値を取得する方法】
http://so-zou.jp/web-app/tech/programming/javascript/sample/get.htm

decodeURIComponent した値を JSON.parse() します。

あぁ、やはり伝わらなかったようですね･･･。「POSTしてページを開く」がしたいのだと思います。・それを Ajax でPOSTを投げる・cordova.InAppBrowser.open ページを開いたらさっきのPOSTが投げられた状態で開くと思っていませんか？上記のような動作にはなりません。 PHPは呼び出されたものに値を返したら終了します。2回呼んでも1回ずつ値を返して1回ずつ終了します。 cordova.InAppBrowser.open はPOSTして開くということがそもそも出来ないようです。そのため、ref.executeScript で開いているページにスクリプトを挿入することでページを操作する方法を提示しました。 --- 別の方法としては、GETで値を渡す方法です。 var json_obj = JSON.stringify( [ 'a', 'b', 'c', 'd' ] ); cordova.InAppBrowser.open( 'http://192.157.13.5/testajax.php?data=' + encodeURIComponent( json_obj ) ); 受け取る方法↓ 【JavaScriptでGETの値を取得する方法】 http://so-zou.jp/web-app/tech/programming/javascript/sample/get.htm decodeURIComponent した値を JSON.parse() します。

キャンセル
2016/11/18 18:34 編集

現在お教え頂きました「GETで値を渡す方法」を試しております。
GETで値を渡すことは出来たのですが、「受け取る方法」がどうしても分かりませんでした。
「decodeURIComponent した値を JSON.parse() します。」について具体的な方法を大変お手数ではございますが教えて頂けないでしょうか。

連想配列で渡したかったので渡すデータが少し変わっています。
var sendData = {};
sendData.test0 = "0";
sendData.test1 = "1";
sendData.test2 = "2";
var json_obj = JSON.stringify(sendData);

cordova.InAppBrowser.open( 'http://192.157.13.5/testajax.php?data=' + encodeURIComponent( json_obj ),'clearcache=yes','clearsessioncache=yes' );

現在お教え頂きました「GETで値を渡す方法」を試しております。 GETで値を渡すことは出来たのですが、「受け取る方法」がどうしても分かりませんでした。「decodeURIComponent した値を JSON.parse() します。」について具体的な方法を大変お手数ではございますが教えて頂けないでしょうか。連想配列で渡したかったので渡すデータが少し変わっています。 var sendData = {}; sendData.test0 = "0"; sendData.test1 = "1"; sendData.test2 = "2"; var json_obj = JSON.stringify(sendData); cordova.InAppBrowser.open( 'http://192.157.13.5/testajax.php?data=' + encodeURIComponent( json_obj ),'clearcache=yes','clearsessioncache=yes' );

キャンセル
2016/11/19 03:49

前回のコメントでURLを提示しました。それを御覧になった上で質問しているのであれば、説明しようがありません。

前回のコメントでURLを提示しました。それを御覧になった上で質問しているのであれば、説明しようがありません。

キャンセル
2016/11/20 03:24

kei344さんのおかげで無事解決出来ました。本当にありがとうございました！
初めはお教え頂いた内容が全く分からなかったのですが、１つ１つ丁寧に調べていくことで解決出来ました。追ってまとめたいと思います。

kei344さんのおかげで無事解決出来ました。本当にありがとうございました！初めはお教え頂いた内容が全く分からなかったのですが、１つ１つ丁寧に調べていくことで解決出来ました。追ってまとめたいと思います。

キャンセル

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

monacaアプリからローカルサーバーに飛ぶ際に、「monacaアプリの変数の値」をローカルサーバーに渡したい。

関連した質問

同じタグがついた質問を見る

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

monacaアプリからローカルサーバーに飛ぶ際に、「monacaアプリの変数の値」をローカルサーバーに渡したい。

15分調べてもわからないことは、teratailで質問しよう！

関連した質問

同じタグがついた質問を見る

SNSアカウントでログイン

teratailアカウントでログイン