0

このjsonテストをphonegapページ(jquery mobileが含まれています)に挿入したい場合、問題があります:

var JSONObject = {  "name" : "Amit",
                 "address"  : "B-123 Bangalow",
                 "age"  : 23, 
                 "phone"   : "011-4565763",
                 "MobileNo"  : 0981100092
             };

             document.write("<h2><font color='blue'>Name</font>::"
                            +JSONObject.name+"</h2>");  
             document.write("<h2><font color='blue'>Address</font>::"
                            +JSONObject.address+"</h2>");  
             document.write("<h2><font color='blue'>Age</font>::"
                            +JSONObject.age+"</h2>");  
             document.write("<h2><font color='blue'>Phone No.</font>::"
                            +JSONObject.phone+"</h2>");  
             document.write("<h2><font color='blue'>Mobile No.</font>::"
                            +JSONObject.MobileNo+"</h2>");

その後、それは動作しません.. 私の質問は、JSON は phonegap+jquery mobile で実際に可能ですか??

将来的には、JSON 形式でデータを返す Web サービスが必要なため、この json データを phonegap アプリで使用できます。ハードコードされたデータを使用して、json データが機能するかどうかをテストしています。

4

1 に答える 1

1

このコードは、ページの読み込みが完了した後に呼び出される可能性があります。

したがって、document.writeを使用しても意味がありません。

html関数を使用して、入力したいもの（おそらくdiv）を入力するだけです。

DOMが完全にロードされるまで待つ必要があることに注意してください。ベストプラクティスは、onloadイベントハンドラーを使用し、スクリプト要素を本文の最後に配置することです。

<div id=idOfTheDivWhereYouWantToWrite></div>
<script>
$(document).ready(function() {
    var JSONObject = {  "name" : "Amit",
             "address"  : "B-123 Bangalow",
             "age"  : 23, 
             "phone"   : "011-4565763",
             "MobileNo"  : 0981100092
    };
    var html= "<h2><font color='blue'>Name</font>::"+JSONObject.name+"</h2>" 
    html += "<h2><font color='blue'>Address</font>::" +JSONObject.address+"</h2>";  
    html += "<h2><font color='blue'>Age</font>::" +JSONObject.age+"</h2>";  
    html += "<h2><font color='blue'>Phone No.</font>::"+JSONObject.phone+"</h2>";  
    html += "<h2><font color='blue'>Mobile No.</font>::"+JSONObject.MobileNo+"</h2>";
    $('#idOfTheDivWhereYouWantToWrite').html(html);
});
</script>

また、「JSONオブジェクト」は、JSONが交換形式であるため、あまり意味がありません。これは単なるjavascriptオブジェクトです。

于 2012-07-20T07:47:47.633 に答える