如何使用query.find()从parse.com获取json响应;在web应用程序中使用javascript?
我第一次使用parse.com,正在寻找使用javascript api获得json响应的方法。实际上,我正在使用handlebars作为模板引擎,并尝试从parse.com获取json响应,以便轻松地将其传递给handlebars模板。目前,我得到的是对象响应,需要像result.get(“title”)这样做。我搜索了parse.com的javascript指南和文档,但找不到这样做的方法。我想从parse.com类中以json的形式获取所有提要记录。有什么办法可以做到这一点吗 以下是车把模板脚本::如何使用query.find()从parse.com获取json响应;在web应用程序中使用javascript?,javascript,json,parse-platform,Javascript,Json,Parse Platform,我第一次使用parse.com,正在寻找使用javascript api获得json响应的方法。实际上,我正在使用handlebars作为模板引擎,并尝试从parse.com获取json响应,以便轻松地将其传递给handlebars模板。目前,我得到的是对象响应,需要像result.get(“title”)这样做。我搜索了parse.com的javascript指南和文档,但找不到这样做的方法。我想从parse.com类中以json的形式获取所有提要记录。有什么办法可以做到这一点吗 以下是车把模
<script id="post-template" type="text/x-handlebars-template">
{{#each feeds}}
<div class="post" style="padding-top: 5px; width: 307px; margin: 0 auto;" >
<div style="background: rgba(255,255,255, 0.5); text-align: left;">
<img src="{{post-img}}" alt="image"/>
<p>{{post-mes}}</p>
<p style="position: relative;">
<img src="{{post-by-img}}" alt="image" /><label> By @{{post-by}}</label>
<label class="ago" style="vertical-align: top; position: absolute; right: 10px; top: 18px; height: 20px;">{{post-dt}}</label>
</p>
</div>
<div>
<a href="javascript: alert('Like')" class="button like" >Like</a>
<a href="javascript: alert('Comment')" class="button comment" >Comment</a>
<a href="javascript: alert('Share')" class="button share" >Share</a>
</div>
</div>
{{/each}}
</script>
var feedsObject = Parse.Object.extend("feeds");
var query = new Parse.Query(feedsObject);
query.find({ ... });
和parse.com脚本::
<script id="post-template" type="text/x-handlebars-template">
{{#each feeds}}
<div class="post" style="padding-top: 5px; width: 307px; margin: 0 auto;" >
<div style="background: rgba(255,255,255, 0.5); text-align: left;">
<img src="{{post-img}}" alt="image"/>
<p>{{post-mes}}</p>
<p style="position: relative;">
<img src="{{post-by-img}}" alt="image" /><label> By @{{post-by}}</label>
<label class="ago" style="vertical-align: top; position: absolute; right: 10px; top: 18px; height: 20px;">{{post-dt}}</label>
</p>
</div>
<div>
<a href="javascript: alert('Like')" class="button like" >Like</a>
<a href="javascript: alert('Comment')" class="button comment" >Comment</a>
<a href="javascript: alert('Share')" class="button share" >Share</a>
</div>
</div>
{{/each}}
</script>
var feedsObject = Parse.Object.extend("feeds");
var query = new Parse.Query(feedsObject);
query.find({ ... });
我想得到如下结果:
query.find({
success: function(feeds){
//load home page template
var source = $('#post-template').html();
var template = Handlebars.compile(source);
var html = template(feeds); // here's example with some details [link](http://screencast.com/t/XvPFuafRuIW)
$('#home .content').append(html);
},
error: function(object, error){
console.log(error);
}
});
提前感谢 我从未使用过Parse.com(事实上,我不知道它的存在)。但在本例中,它返回一个Parse.Object
实例数组
Parse.Object
有一个函数。这应该可以做到
因此,在你的情况下:
query.find({
success: function(feeds){
var jsonArray = [];
for(var i = 0; i < feeds.length; i++) {
jsonArray.push(feeds[i].toJSON());
}
//load home page template
var source = $('#post-template').html();
var template = Handlebars.compile(source);
var html = template(jsonArray); // here's example with some details [link](http://screencast.com/t/XvPFuafRuIW)
$('#home .content').append(html);
},
error: function(object, error){
console.log(error);
}
});
query.find({
成功:功能(提要){
var jsonArray=[];
对于(变量i=0;i
@asgoth这是Handlebar模板脚本:以及与之配套使用的演示json对象:。现在我试图从parse.com获得相同的json响应。下面是我的解析脚本:(我知道脚本是错误的,但这是我希望响应的示例(作为json,这样我就可以像截图一样传递消息))。目前,有多个数据,我必须执行query.count和feed[i].get(“feed_des”)等操作。如果您只复制/粘贴问题中的代码片段,可能会更容易。让SO用户更容易理解。@asgoth-question已用代码段更新。确实应该有一种方法跳过对数组的迭代,只需对实际返回的数组调用toJSON。