使用Javascript在HTML中将Parse.com数据添加到div表
我最近发布了一篇文章，想知道如何使用Parse.com在HTML/JS中创建一个数据表 我现在正在使用一个新模板，其中我正在处理一个已经存在的div表，并希望用Parse.com数据动态填充它 以下是网站模板中的HTML代码：使用Javascript在HTML中将Parse.com数据添加到div表,javascript,html,parse-platform,Javascript,Html,Parse Platform,我最近发布了一篇文章，想知道如何使用Parse.com在HTML/JS中创建一个数据表 我现在正在使用一个新模板，其中我正在处理一个已经存在的div表，并希望用Parse.com数据动态填充它 以下是网站模板中的HTML代码： <div class="sidebarbox"> <div class="sidebarbox-title"> <h3>Latest Results</h3> </div>
<div class="sidebarbox">
<div class="sidebarbox-title">
<h3>Latest Results</h3>
</div>
<!-- TABLE -->
<div class="fixture-row">
<a href="#">
<div class="fixture-row-left">Consectetur FC
<div>?</div>
</div>
<div class="fixture-row-right">
<div>?</div>Voluptate Cillum FC</div>
</a>
</div>
</div>
最新结果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
src="http://www.parsecdn.com/js/parse-1.2.18.min.js"></script>
</head>
<body>
<h3>Current season First Team results</h3>
<table id="first-team-results-table">
<col width="150">
<col width="150">
<col width="80">
<col width="150">
<col width="80">
<tbody>
<tr>
<th>Opposition</th>
<th>Competition</th>
<th>Home/Away</th>
<th>When</th>
<th>Score</th>
</tr>
</tbody>
</table>
<h3>Current season Reserve Team results</h3>
<table id="reserve-team-results-table">
<col width="150">
<col width="150">
<col width="80">
<col width="150">
<col width="80">
<tbody>
<tr>
<th>Opposition</th>
<th>Competition</th>
<th>Home/Away</th>
<th>When</th>
<th>Score</th>
</tr>
</tbody>
</table>
<script type="text/javascript">
src="//www.parsecdn.com/js/parse-1.2.18.min.js";
Parse.initialize("jtYdOpyKQ6SXFLqaGcpoG20yXyX9KlPHUzgg6jAJ", "TMRegOlA8nCui4sTN8d9hmQG8k8FVeESc2GnRwVH");
var firstTeamResults = Parse.Object.extend("Results");
var query = new Parse.Query(firstTeamResults);
query.equalTo("team", "DVFC Firsts");
query.descending("dateTime");
query.find(
{
success: function(results)
{
for (var i = 0; i < results.length; i++) {
var object = results[i];
(function($) {
$('#first-team-results-table').append('<tr><td>'
+ object.get('oppositionName')
+ '</td><td>'
+ object.get('competition')
+ '</td><td>'
+ object.get('homeAway')
+ '</td><td>'
+ object.get('dateTime')
+ '</td><td>'
+ object.get('score')
+ '</td></tr>');
})(jQuery);
}
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
var reserveTeamResults = Parse.Object.extend("Results");
var query = new Parse.Query(reserveTeamResults);
query.equalTo("team", "DVFC Reserves");
query.descending("dateTime");
query.find(
{
success: function(results)
{
for (var i = 0; i < results.length; i++) {
var object = results[i];
(function($) {
$('#reserve-team-results-table').append('<tr><td>'
+ object.get('oppositionName')
+ '</td><td>'
+ object.get('competition')
+ '</td><td>'
+ object.get('homeAway')
+ '</td><td>'
+ object.get('dateTime')
+ '</td><td>'
+ object.get('score')
+ '</td></tr>');
})(jQuery);
}
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
</script>
</body>
</html>
本赛季一线队成绩
反对
竞争
回家/离开
什么时候
分数
本赛季预备队成绩
反对
竞争
回家/离开
什么时候
分数
src=“//www.parsecdn.com/js/parse-1.2.18.min.js”；
解析初始化（“jtydopykq6sxflqagcpogg20yxyx9klphuzgg6jaj”，“TMRegOlA8nCui4sTN8d9hmQG8k8FVeESc2GnRwVH”）；
var firstTeamResults=Parse.Object.extend（“结果”）；
var query=newparse.query（firstTeamResults）；
query.equalTo（“团队”、“DVFC第一”）；
查询。降序（“日期时间”）；
查询.查找(
{
成功：功能（结果）
{
对于（var i=0；i任何关于如何将二者结合起来并将Parse.com数据放入div表的帮助都将不胜感激。我强烈建议您考虑使用类似KendoUI的东西（除了更高级的控件外，它现在是免费/开源的），这使类似的事情变得非常简单 另外，作为旁注，您应该将整个脚本块包装在一个jQuery文档加载中，而不是像以前那样在循环中使用现有的构造
jQuery(function($) {
// all your code here will only run once the page is loaded
// and can use $ safely
// ... code ...
});
？$('.fixture-row-left div:first')
类-“fixture row left”