PHP JSON对象将在本地主机上呈现,但不会从远程服务器呈现

PHP JSON对象将在本地主机上呈现,但不会从远程服务器呈现,php,javascript,ajax,json,Php,Javascript,Ajax,Json,我正在为我们当地的田径俱乐部创建一个非常简单的移动应用程序。当我在本地主机上测试应用程序时,它似乎工作正常,但当我更改链接指向我的远程服务器,然后打包应用程序时,似乎没有任何效果。我希望这是一个非常容易解决的问题。下面是一个页面,我想使用JSON对象将其填充到使用Javascript的HTML框架中 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>United Tr

我正在为我们当地的田径俱乐部创建一个非常简单的移动应用程序。当我在本地主机上测试应用程序时,它似乎工作正常,但当我更改链接指向我的远程服务器,然后打包应用程序时,似乎没有任何效果。我希望这是一个非常容易解决的问题。下面是一个页面,我想使用JSON对象将其填充到使用Javascript的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>

联合田径俱乐部
Runners2
下面是我为填充上述代码而创建的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/Mobile/TF/getrunnerlist.php,函数(数据){
var对象=data.items,
runnerCount=object.length,
target=document.getElementById('runnerList'),
我
如果(runnerCount>0){
对于(i=0;i

提前感谢您的帮助。

您需要在正在查询的页面上设置正确的标题(例如)


您需要设置标题。有关跨源请求的更多信息,请参阅链接。

调用
$.getJSON()
的页面是否也来自“”或在本地计算机上(或其他地方)?如果是这样,那就是您的问题所在。$getJSON()中调用的页面位于远程服务器上。这实际上是您的HTML代码吗?因为您的脚本调用都已注释。如果没有,请编辑您的问题,这样人们就不会感到困惑。这么多的技术。你不能把问题缩小到其中一个吗?对不起。当我复制代码时,我正在清理一些代码。脚本调用不应该被注释掉。json文件中还有一个格式错误,它应该是
“items”:
而不是
“items:”