0
로컬 트랙 클럽을위한 매우 간단한 모바일 응용 프로그램을 만들고 있습니다. 응용 프로그램은 내 localhost에서 테스트 할 때 잘 작동하는 것 같지만 원격 서버를 가리 키도록 링크를 변경 한 다음 응용 프로그램을 패키지로 만들면 아무 것도 렌더링되지 않는 것처럼 보입니다. 나는 이것이 정말로 쉬운 해결이되기를 바라고있다. 다음은 Javascript를 사용하여 JSON 객체를 HTML 프레임에 채우려는 페이지입니다.PHP JSON 객체가 로컬 호스트에서 렌더링되지만 원격 서버에서는 렌더링되지 않습니다
<!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);
도움을 주셔서 감사합니다.
'$ .getJSON()'을 호출하는 페이지도 "http://unitedtrack.org"에서 가져 왔는가, 아니면 로컬 컴퓨터 (또는 다른 곳)에 있습니까? 그렇다면 문제가됩니다. – Pointy
$ getJSON()에서 호출되는 페이지가 원격 서버에 있습니다. –
사실이 코드가 귀하의 HTML 코드입니까? 스크립트 호출은 모두 주석 처리되었으므로 그렇지 않은 경우 사람들이 혼동되지 않도록 질문을 편집하십시오. – Hernan