PHP JSON对象将在本地主机上呈现,而不是从远程服务器呈现
PHP JSON object will render on local host but not from remote server
我正在为我们当地的田径俱乐部创建一个非常简单的移动应用程序。当我在本地主机上测试它时,应用程序似乎工作得很好,但当我将链接更改为指向我的远程服务器,然后打包应用程序时,似乎没有任何渲染。我希望这是一个很容易解决的问题。下面是一个页面,我想使用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);
提前感谢您的帮助
你需要在你正在查询的页面上设置合适的标题(例如http://unitedtrack.org/Mobile/TF/getrunnerlist.php)。
需要设置Access-Control-Allow-Origin header。有关跨域请求的更多信息,请参阅链接
相关文章:
- 如何:浏览器将JSON发送到服务器
- 将JSON数据从服务器加载到knockout.jsobservable中
- JSON-从浏览器向外部服务器发送哪些http头JSON文件
- 从第三方服务器发出解析json的问题
- 如何将ember应用程序集成到json服务器中使用
- 在WebSQL服务器中存储JSON数据
- Python在尝试保存新的JSON文件时导致服务器错误
- 从Javascript for jqGrid通过JSON发送服务器端对象
- 将 JSON 对象转换为序列化字符串以进行服务器端处理
- 使用 AJAX 获取 XML,然后将其解析为 JSON(无需服务器)
- 将 JSON 数据保存到服务器上
- REST API 服务器是否应该使用 PUT 接收 JSON 数据或普通表单数据
- 无法从rest服务器Json响应
- 从服务器 json 的角度加载数据
- 将变量从客户端发送到服务器 |JSON vs POST
- 如何从服务器JSON向jsTree添加元数据并检索元数据
- 如何在Sencha Touch中获取服务器JSON响应
- 将标记“series:”添加到响应服务器 JSON 中的 Highcharts 中
- 将标记“series:”插入到响应服务器 JSON 中的 Highcharts 中.格式错误的 JSON
- Angularjs -如何从服务器json答案中设置模板内容