monacaでハイブリッドアプリによるAjax通信（サーバーとのクロスドメイン通信）ができません

Question

Monacaというwebサービス上でiPhone(Android)のハイブリッドアプリ開発を開発しているのですが、
スマホから通信してサーバーの処理結果を取得する処理を行いたいのですができません…

どのように対応すればよろしいでしょうか。ソースは以下の通りとなります。
（http://blog.asial.co.jp/281のページを参考にしました。)

config.xmlに
<access origin="*"/>
を追加（クロスドメイン対応のため）

スマホ側
・htmlのソース

<form> 検索：<input type="text" id="search" name="search" value=""> <input type="button" name="submit" value="検索する" onClick="search_start()"> </form> <div id="result"> </div>

・javascriptのソース

<script type="text/javascript"> function search_start() { var result = document.getElementById('result'); var out = document.createElement('script'); var keyword = document.getElementById('search').value; if (keyword == "") { alert("検索するキーワードを入力してください。"); } else { keyword = encodeURI(keyword); out.src='http://サーバーのURL/index.php?keyword=' + keyword; result.appendChild(out); } } サーバー側 ・phpのソース <?php $title = array(); $title[1] = 'テスト1'; $title[2] = 'テスト2'; $keyword = $_GET["keyword"]; $result = array(); foreach ($title as $value) { if (mb_strpos($value,$keyword) !== false) { $result[] = $value; } } $str = "検索条件：「{$keyword}」<hr>"; $str .= "検索結果：<br>"; foreach ((array)$result as $value) { $str .= "{$value}<br>"; } header("Content-type: application/x-javascript"); header('Access-Control-Allow-Origin: *');

Answer 1

AngularJSの$httpにより解決することができました。

以下、ソースコード

<script> var module = ons.bootstrap(); ons.disableAutoStatusBarFill(); module.controller('app', function($scope, $http) { var config = { params: { value1: '1', value2: '2' } } $http.get('http://サーバーのURL', config) .success(function(data) { $scope.results = data.data; }) .error(function() { alert('Fail to get information'); }); }); </script>