monacaからMySQLへ接続

###前提
monacaを使いビーコンを使ったアプリを作っています。
Hostingerというレンタルサーバを使っています。
monacaからMySQLに接続したいのですが、それはできないらしいので、Hostingerにある自分で作ったphpファイルに接続して、そこからMySQLに接続というかたちで行おうと考えました。

###やりたい事
monacaからHostingerに作成したphpファイルに接続をしたいです。

###やってみた事
http://toolmania.info/post-5420/
phpファイルに接続できているか確認するために上記のサイトで紹介しているものを作ってみました。
このサイトで紹介しているのは「ボタンを押すとあいうえお+ランダムな数字が表示される」というものです。
このサイトを見ながら既存のプログラムに組み込んでみたのですが、うまく反応しませんでした。
★★★は何をいれればよいのかわかりませんでした。

###ソースコード
---------------------------【index.htmlファイル】-----------------------------------------

<!DOCTYPE HTML> <html ng-app="BeaconProject"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="js/db.js"></script> </head>

<body>
<!--データベース-->
<form>
    <input type="button" name="botan" id="button01" onClick="sendRequest();" value="ボタン">
    <TEXTAREA id="textareas" style="width:100%;height:160px;" wrap="off"></TEXTAREA>
</form>
</ons-page>

</ons-navigator> </html>

---------------------------【db.jsファイル】-----------------------------------------

function sendRequest()
{
var moji="あいうえお";
var xmlhttp=createXmlHttpRequest();
if(xmlhttp!=null)
{
xmlhttp.open("POST", "★★★/tdb.php", false);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
var data="data="+moji;
xmlhttp.send(data);
var res=xmlhttp.responseText;
document.getElementById( "textareas" ).value = res;
}
}

---------------------------【tdb.phpファイル】-----------------------------------------

<?php error_reporting(0); mb_language("ja"); mb_internal_encoding('UTF-8'); $url=$_POST["data"]; print $_POST["data"].strval(rand()); ?>

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

回答1件

ベストアンサー

★★★にはウェブサーバー（Hostinger）のURLが必要ではないでしょうか。回答者では推測はできません。tdb.phpの動作のテストは実施されましたか？動作のテスト時に使用したURLでよいと思います。

それで動作しなければ、一つ一つ問題を切り分けることになるかと思います。
１．monacaでコーディングしたアプリは動作しているか？
２．レンタルサーバ上のphpのコードは動作しているか？
見たところ、HTMLに「ng-app="BeaconProject"」とありますのでAngularJSを用いていると思いますが、AngularJSのライブラリが読み込めているように見えません。そもそもmonacaのコードに必要なライブラリが無く、全く動作していない可能性もあると思います。

投稿2016/12/28 01:22