处理流星js客户端和服务器端交互时遇到问题

时间:2017-01-18 10:02:05

标签: javascript mongodb meteor d3.js

我在代码中有以下场景,我在客户端和服务器端调用一个函数,该函数从mongodb集合中获取数据,然后我使用该数据生成使用d3 js的条形图。但问题是我没有得到服务器到客户端的响应。我尝试了各种方法,如未来和光纤,但我仍然没有解决它。我对流星很新,所以任何帮助都表示赞赏。

这是客户端功能,

Meteor.call("ok", function(error, r) {
    if (!error) {
    console.log(r.content);
    var len = Object.keys(JSON.parse(r.content)).length;
    var svg = d3.select("svg")
    var mySquare = new Array()
    var data = JSON.parse(r.content);
    data.forEach(function(d) {
    mySquare[d.data] = svg.append("rect").attr("x",60+ (d.data*20)).attr("y",45-d.height).attr("height",d.height).attr("width",15).style("fill","#f7f7f7");
            })
svg.selectAll("rect")
           .on("click", function(d){
              d3.select(this).transition(1000).style("fill", "#ff0000").duration(1000).transition(1000).style("fill", "#f7f7f7").duration(1000);
           })
            } else {
                console.log(error);
            };});

这是服务器端代码,

Meteor.methods({
    ok: function(options){
        Meteor.coll = new Mongo.Collection("test")
        return Meteor.coll.find().fetch();
    },});

请帮我解决这个问题,并解释如何将其用于进一步使用。

1 个答案:

答案 0 :(得分:0)

Meteor已经有了一种从服务器获取数据的机制,称为订阅。

您只需在服务器上声明集合,然后从客户端订阅它。您需要一个帮助函数来从mongo数据库执行查询。

这里有一篇文章解释了详细信息:https://www.discovermeteor.com/blog/understanding-meteor-publications-and-subscriptions/

Meteor指南还提供有关发布和订阅机制的信息:https://docs.meteor.com/api/pubsub.html