2011-08-17 6 views
3

私はandroid sdkを使ってeclipseでphonegapアプリケーションを使い、phonegapアプリケーションのサーバーのDBから動的HTMLページを表示する方法を理解しようとしています。phonegapアプリケーションでダイナミックhtmlページを表示

私が達成したいのは、

たとえば、www.demo.com/loginのようなWebページを持ち、phonegapアプリケーションはそのWebページにログインし、www.demo.com/dashboard.htmlを表示するので、写真、ビルドへのアクセス

phonegapアプリケーションをWebブラウザのように使用し、動的なHTMLページを表示したり、ネイティブ関数にアクセスできる可能性はありますか? phonegapアプリケーションが取得するWebサービスを実行して、そのWebサービスを使用してjsonオブジェクトをポストしてから、mustache.jsなどのjsのヘルプを使用してhtmlコードをレンダリングする必要がありますか?

私は本当に

どうもありがとう

答えて

5

あなたがコンテンツを取得するためにPHPとjQueryのAjaxでのPhoneGapを使用することができ、このうち

チェック。ファイルヘッドにjQueryライブラリをロードします。機能onBodyLoad(),でPHPファイル用のAjax呼び出しを置く:HTMLセッションで

$('#content').load('http://www.example.com/test.php'); 、あなたがコンテンツを表示したいんのdivのid =「コンテンツ」を入れました。

PHP:

for($i=1; $i<=10; $i++) { 
    echo '<p>Dinamic content coming from test.php! Value: ' . $i . ' of 10.</p>'; 
} 

HTMLが出力されます:、

<p>Dinamic content coming from test.php! Value: 01 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 02 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 03 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 04 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 05 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 06 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 07 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 08 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 09 of 10.</p> 
<p>Dinamic content coming from test.php! Value: 10 of 10.</p> 

は別のページにコンテンツを送信すると、ユーザーがログインすることができます

$.get('login.php?name=user', function(data) { 
    $('#content').html(data); 
}); 

そして、あなたのログインのようなもの.phpには次のようなものがあります:

if (isset($_GET['name'])) { 
    $name = $_GET['name']; 
    echo "Name: $name"; 
} else { 
    echo "Please enter a valid name!!"; 
} 

後述のように、ログインを安全にするために、あなたは、POSTメソッドを使用する場合がありますが:

$('#form').submit(function() { 
    $.post('login.php', $('#form').serialize(), function(data) { 
     $('#content').html(data); 
    }); 
    return false; // to avoid page going to login.php file 
}); 

そしてlogin.php

if(!empty($_POST)) { 
    $user = $_POST['name']; 
    $pass = $_POST['password']; 
    // db query and stuff goes here... 
    echo "Worked!"; 
} else { 
    "Enter values!"; 
} 
+0

おかげでたくさんのありがとうレオもう一つの質問。上記のような方法でhttpsリクエストを行うにはどうしたらいいですか?推薦はありますか?再度、感謝します... – Pinchy

1

jqueryMobile + PhoneGapのあなたの助けに感謝は、物事が早く成し遂げるための一つの方法です。 ajax呼び出しの場合は、データをjsonとして与え、動的にレンダリングするURLをヒットします。

PhoneGapには、カメラ、GEOの場所とそのようなものにアクセスするためのjavascript関数がいくつか用意されています。

http://www.mobiledevelopersolutions.com/home/announce-1/mds11eclipsepluginforphonegaponandroidreleasestoday-jquerymobileandsenchatouchadded

のWikiページ: http://wiki.phonegap.com/w/page/36868306/UI%20Development%20using%20jQueryMobile

+0

が...そんなに – Pinchy