自分で作成したASP.NetWebサービスを使用して、Android SDKとJavaパッケージを使用してネイティブAndroidアプリを作成しましたが、正常に動作します。しかし今、私はこのクロスプラットフォームを作りたいと思っています。PhonegapとjQueryMobileがこれに役立つと聞きましたが、それでも少し混乱しています。
- 正しく動作するためにJavascriptを使用するHTMLファイルをホストする必要がありますか?また
- アプリケーションにHTMLファイルとjsファイルを含めて、Webサービスメソッドを呼び出すことはできますか?
誰かが私を案内してもらえますか?
私のデモコードは
JAVAスクリプト
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script src="jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" charset="utf-8"/></script>
<link rel="stylesheet" src="jquery.mobile-1.1.1.min.css"/>
<script type="text/javascript">
function onDeviceReady() {}
document.addEventListener("deviceready", onDeviceReady, false);
function LoginButton_onclick() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: "http://182.72.192.18/webservicedemo/service.asmx/HelloWorld",
data: '{}',
success: function(msg) {
jsonArray = $.parseJSON(msg.d);
var $ul = $( '<ul id="details">' );
for(i=0; i < jsonArray.length; i++)
{
$("#details").append('<li id="'+i+'" name="head" >'+jsonArray[i].name+'</li>' );
} $('#details').listview('refresh');
},
error: function(msg) {
alert("Error");
}
});
</script>
HTML
<div data-role="page" id="Page1">
<h1>DEMO PAGE</h1>
<div id="DEMO">
<input id="LoginButton" type="button" value="GET DATA" onclick="LoginButton_onclick()" /></div>
<div id="divList" data-role="content">
<ul id="details" data-role="listview" data-inset="true"></ul>
</div>
</div>
</body>
私のASP.NETWebサービスは
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class Service : System.Web.Services.WebService{
JavaScriptSerializer serializer = new JavaScriptSerializer();
public Service () {}
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string HelloWorld() {
List<clsDetails> deailsList = new List<clsDetails>{
new clsDetails(1,"BOY","SCHOOL"),
new clsDetails(2,"GIRL","COLLEGE"),
new clsDetails(3,"MAN","OFFICE")};
string detail = serializer.Serialize(deailsList);
return detail;
}
}
Webサービスと一緒にhtmlファイルをホストすると、結果が得られます。しかし、Androidアプリからローカルのhtmlファイルを使用して呼び出そうとすると失敗します。何が悪かったのかわかりません。
ここで何が悪かったのか誰か教えてもらえますか?これが私がウェブサービスから得た応答であり、それをJSONに解析します
phonegap.xml
<phonegap>
<access origin="http://182.72.192.18" />
</phonegap>