0

地元のトラック クラブ用に非常にシンプルなモバイル アプリを作成しています。ローカルホストでテストすると、アプリは正常に動作しているように見えますが、リンクを変更してリモートサーバーを指すように変更し、アプリをパッケージ化すると、何もレンダリングされないようです。これが本当に簡単な修正であることを願っています。これは、Javascript を使用して、JSON オブジェクトを使用して HTML フレームに入力したいページです。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>United Track Club</title>
<link href="jquery-mobile/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css"/>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. -->

<script src="jquery-mobile/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/phonegap.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>

<!--a name="viewport"content="width=device-width, initial-scale=1"> -->
</head>

<body>
<div data-role="page" id="runnerListPage">
<div data-role="header">
<h1>Runners2</h1></div>
<div data-role="content">

     <ul id="runnerList" data-role="listview" data-filter="true">
     </ul>

   </div>
   <div data-role="footer" data-position="fixed">
   <div data-role="navbar">
      <ul>
        <li><a href="index.html" data-icon="home">Home</a></li>
        <li><a href="#searchListPage" data-icon="search">Search</a></li>
        <li><a href="#scheduleListPage" data-icon="grid">Schedule</a></li>
     </ul>
    </div>
    </div>
    </div>

   </body>
   </html>

上記のコードを入力するために作成した JS を次に示します。

$.getJSON('http://unitedtrack.org/Mobile/TF/getrunnerlist.php', function(data){
var object = data.items,
runnerCount = object.length, 
target = document.getElementById('runnerList'),
i;

if (runnerCount>0){
    for (i =0 ; i< runnerCount; i=i+1){
        var unitrun=object[i],
        EventDt = unitrun.First_Nm,
        MeetNm = unitrun.Last_Nm;
target.innerHTML +='<li><a href="#">'+ EventDt +', ' +MeetNm +' </a></li>';
}
}
else {
    alert('there are no runners');
}
});


target.addEventListener("click",data,false);

よろしくお願いいたします。

4

1 に答える 1

1

照会するページに適切なヘッダーを設定する必要があります (例: http://unitedtrack.org/Mobile/TF/getrunnerlist.php )。

Access-Control-Allow-Originヘッダーを設定する必要があります。クロスオリジン リクエストの詳細については、リンクを参照してください。

于 2013-01-17T23:53:04.007 に答える