首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从服务器获取结果后,在Meteor中调用客户端js函数

好的,请提供需要解答的问答内容,我会尽力为您提供最完善且全面的答案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Meteor:快到飞起来的全栈JavaScript开发平台

例如数据库操作对象,客户端操作的是 miniMongo,服务器端操作的是真实的 MongoDB,但使用的代码就是一套, 开发者也不用关心这个代码是用在客户端还是服务器端。 3....Meteor把大量的烦琐和重复性的工作都封装到了 CLI ,以命令的形式供开发者调用传统Web开发很少有能提供这么全面功能的框架,如果自己开发这些功能,将耗费很多的工作量。 4....再比如数据库的数据变化,如果页面中使用到了此数据,就会自动更新;如果没有响应式,就需要自己编码检查数据的变化—如果有变化,数据库获取数据,更新页面的相关DOM内容。 5....前后端的数据同步采用异步方式 用户客户端写入新数据,不需要等待服务器端数据库的写入结果,只要数据成功保存在 miniMongo,用户就可以得到反馈,Meteor负责在后台自动向服务器端发送数据,执行同步操作...传统Web开发,例如新数据通过 Ajax 发送给服务器端,服务器端真实写入数据库返回结果信息,Ajax 的回调方法再反馈给用户,用户会明显感知到这个过程的延时;而在 Meteor,由于 miniMongo

2.3K10

Meteor平台下网站开发只需数小时?

事实上 Meteor 提供了两个MongoDB数据库:客户端缓存数据库、服务器端MongoDB数据库 当用户更改一些数据时,浏览器运行的js代码会更新本地MongoDB的数据,然后向服务器发出一个...DDP请求 然后客户端代码继续运行,因为它不需要等待服务器回复,与此同时,服务器在后台更新,如果服务器操作失败,那么客户端js代码会依据服务器新返回的数据立即进行调整,这种调整称为延迟补偿 Meteor...JavaScript 进行开发 例如使用LAMP开发,常见的代码流程:js ajax 调用php,php调用mysql,封装json数据返回给客户端进行处理 Meteorjs开发,MongoDB的接口是...(4)自动编译(CoffeeScript、LESS、Stylus)、压缩合并、分发应用所包含的客户端 JavaScript、运行在于服务器端 Node.js 容器的 JavaScript 以及 HTML...、CSS 和其他静态文件 (5)Meteor的核心API提供了很多及其便利的服务 例如用户系统,只需要运行一个命令加载用户系统模块,然后页面添加一行代码嵌入用户系统,那么你的网站就支持用户注册和登陆了

1.7K40
  • Meteor的工作原理及优势与不足

    Meteor的工作方式更像是手机APP。客户端首次访问 Meteor应用时,会服务器把需要用到的资源都加载到客户端,如 JS、CSS、字体、图片,并创建一个mini数据库。...然后和服务器端建立好数据通信的通道。之后,用户操作应用过程涉及业务操作时,也是客户端进行处理;进行数据库操作时,也是操作客户端的mini 数据库。...{{ counter }} 通过函数关联了 val 变量,按钮单击事件的处理函数修改了变量 val 的值,并没有更新页面的内容,但{{ counter }} 自动更新了,这就是响应式。...如果使用 HTTP,则只能是客户端请求服务器获取数据,服务器端无法主动向客户端发送数据,而 DDP 的双向机制使数据传输更加主动、灵活。 DDP 使用 JSON 格式封装数据。...响应式 目前很多应用的开发,处理事件(用户单击了某些元素触发某动作, 如更新数据库,或者更新当前视图)的代码是一个重要部分。 响应式编程,这类事件处理函数的工作就减少了。

    3K20

    Meteor1.3七日谈 — Mantra核心简介

    一旦我们的应用有多个主函数,我们需要把它们拆分成不同模块。举个例子,一个items模块可以是TodoList应用的模块,所有与items相关的功能都会放到这个模块。 2....比方说,items模块里面,我们可能会有ItemList,NewItem,Item和EditItem这几个组件。每个组件都有两部分构成:一个容器组件和一个UI组件。...容器组件负责获取数据,通过props传入子组件来渲染UI组件。我们可以使用React-Komposer来使这个过程更简单。如何创建容器组件和UI组件可以参见这篇文章。...所以我们创建模块、组件和动作(actions)都要导出它们,然后导入到index.js文件,这些index.js再被导入到main.js中去。客户端服务器端分别只有一个main.js文件。...这些动作会调用服务器端的Meteor方法。

    57630

    客户端 Meteor.call 等待服务端异步函数返回

    Meteor 项目中,经常会有客户端使用 Meteor.call 方法去调用服务端的一个方法,并等待该方法返回。...通常情况下,服务端的方法只需要 return 客户端使用回调函数就可以访问到 return 的值了。...但如果服务端同样调用了一个异步执行的函数,那么此时就无法判断服务端的异步函数是否已经执行完毕,返回结果就会出现不准确的情况。...error) { console.log(“result :”, result); }; }); 上面的例子,我们客户端使用 Meteor.call 方法调用了一个服务端的函数,等待服务端的异步函数...而客户端也是立即就接收到了服务器的返回,并没有真正等到 http.get 和 http.post 执行完毕。 我开始天真的认为,只要在客户端使用同步方法调用 Meteor.call 不就可以了吗?

    25710

    这是前端最好的时代——论前端的“三化”建设

    会上,前Googler尤雨溪带来的Meteor正致力于完善这件事。一般的单页应用都如下图,UI、客户端数据、和服务器数据相互沟通,达到状态的更新。...而Meteor则希望将客户端数据这一层变薄甚至直接去掉,以减少性能的损耗,因此他们引入一种叫Minimongo的数据库驱动,它遵守DDP(分布式数据协议),根据Meteor的说法,是一种简易的结构化数据获取及数据更新协议...它的特色是,可以客户端直接定制想要订阅的数据格式,服务器根据请求对订阅者进行推送。Meteor的另一个特色是使用了WebSocket技术。...这种方案跟Meteor相比其实有异曲同工之妙。通信结构方案,这种方案遵循上图,React负责UI状态,Relay负责客户端数据状态,而GraphQL则负责服务器数据状态。...GraphQL服务器端发布一个类型系统,Relay通过客户端发送一些比较结构化的查询请求来获取数据,如下图。

    1.3K70

    Meteor开发指南 — 响应式GraphQL

    所以,你只需要简单地服务端编写GraphQL的数据模式,客户端编写查询即可。 以下是一个典型的开发体验: 你服务端写了GraphQL的数据模式,并且使用特定的数据库驱动来数据库获取数据。...客户端,你可以像平常使用GraphQL那样创建查询和调用修改。 为此,你需要使用一个客户端库响应式GraphQL。(它在背后使用Relay作为缓存处理了所有响应式的东西) 就这么简单。...仅仅部署它,并且扩展至足够的容器(或服务器。服务端app只是一个有着响应式GraphQL数据库驱动的express-graphql。...所以你只需要按照普通Node.js的应用部署和扩展方式进行处理。 听起来不错!那么它在哪儿处理响应式呢? 好问题。你的应用服务器并不知道响应式或如何验证错误查询。...你的应用服务器发送所有查询请求和修改到这个服务器上。 你的应用客户端会与这个失效服务器交流并且观察所有的失效记录。如果有失效记录的话,它会GraphQL应用服务器获取数据。

    1K100

    10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能

    由于基于 AngularJS 的单页应用是客户端渲染的,因此它们通过减少 Web 服务器上压力来减少网络流量。...Web 开发人员可以使用渲染函数的模板,并可以使用渲染函数替换模板。 体积小:JavaScript 框架的成功取决于它的大小。个头越小用的人越多。 Vue.js 最大的优势之一是体积小。...通过 jQuery AJAX,你可以用 HTTP Get 和 HTTP Post 远程服务器请求文本、HTML、XML或JSON。...服务器调用它之后移动到下一个 API,并且事件的通知机制帮助服务器从先前的 API 调用获得响应。 单线程:Node.js 使用带有事件循环的单线程模型。...但 Meteor 不会。 Meteor 软件包可以轻松添加用户帐户,还有 React 之类的 JavaScript 库等。最好方便的是,添加这些类型的智能包很容易,只需终端敲几下键盘就可以了。

    3.8K10

    Meteor 1.6.x + Ant Design Table + recompose 实现数据分页效果

    yarn add antd --save yarn add react-router-dom --save /imports/startup/client/index.js 引入 antd 的 css...MainLayout ,我们引入了两个组件,一个是 Home,一个是 Links,所以我们还要在 /imports/ui/components/ 下创建 Home.js 和 Links.js,两个文件分别实现为一个简单的组件...随后我们将两个状态绑定到组件,这样我们就可以组件中使用这两个状态并且可以调用两个修改状态的方法来修改状态。...可以看到 withTracker 函数已经有了变化,我们增加了一个 meteor.call,来服务端获取数据的总数。...onChange 调用了 setCurrentPage 来设置 currentPage 的数据,此时 currentPage 变化,withTracker 也收到变化通知,会重新到后台订阅数据,重新订阅

    2.9K30

    Meteor 1.6.x + Ant Design Table + recompose 实现数据分页效果

    yarn add antd --save yarn add react-router-dom --save /imports/startup/client/index.js 引入 antd 的 css...yarn add mement --save 修改完成,展示的效果如下: 图片 增加数据量 上面我们已经成功显示了所有 links 的数据,但是数据量有点小,不方便我们测试分页效果,所以修改一下...随后我们将两个状态绑定到组件,这样我们就可以组件中使用这两个状态并且可以调用两个修改状态的方法来修改状态。...可以看到 withTracker 函数已经有了变化,我们增加了一个 meteor.call,来服务端获取数据的总数。...onChange 调用了 setCurrentPage 来设置 currentPage 的数据,此时 currentPage 变化,withTracker 也收到变化通知,会重新到后台订阅数据,重新订阅

    29120

    如何使用Meteor开发以太坊Dapp 原

    不,使用meteor-build-client,你可以没有服务器的情况下运行Ðapp的所有静态资源,但是如果你使用像iron或flow-router这样的路由器 ,则需要使用hash(index.html...理想情况下,我们lib文件夹创建一个名为init.js的文件,并添加以下行: if(typeof web3 === 'undefined') web3 = new Web3(new Web3...有关更多示例,请查看软件包的readme文件和演示 (源代码)以获取更多信息。 Ðapp代码结构 本教程不会用Meteor构建应用程序。...这样你只需要编写和读取你的响应集合,观察函数将处理其余的(例如sendTransactions) 过滤器等会将日志等添加到你的集合。因此,你可以将所有回调信息应用逻辑删除。...请注意,file://协议上运行应用程序时,由于Web安全性,你将无法使用客户端路由。稍后你将能够使用客户端路由,因为dapps是通过eth://协议提供的。

    1.7K20

    10 个最适合 Web 和 APP 开发的 NodeJS 框架

    对于新手来说,Node.js 是 JavaScript 运行时,允许你浏览器之外服务器上运行 JavaScript 代码。...Meteor 最优秀的部分是,无论是服务器端的数据库访问,商业逻辑实现,还是客户端的展示,所有的流程都是无缝连接,开箱即用。...整个框架使用统一的 API,Meteor API 同时适用于客户端服务器端。 它使用的 DDP 协议可以让你在后端连接简单的数据库服务、企业数据仓库、甚至 IOT 传感器。...Mean.io 的另一个巨大好处就是所有的栈都使用 JavaScript,服务器端 Express 对MongoDB 的访问(json)和通多 Angular Node 到客户端。 9....我趋向于将它和有同样功能的兄弟项目 Sail.js 做比较,它更适合做单页 web 应用,多用户游戏,聊天客户端,网络应用,交易平台以及所有的需要将数据服务端实时推送到客户端的应用。

    3.2K20

    Meteor 1.6.x + Ant Design Table + recompose 实现数据分页效果

    yarn add antd --save yarn add react-router-dom --save /imports/startup/client/index.js 引入 antd 的 css...MainLayout ,我们引入了两个组件,一个是 Home,一个是 Links,所以我们还要在 /imports/ui/components/ 下创建 Home.js 和 Links.js,两个文件分别实现为一个简单的组件...随后我们将两个状态绑定到组件,这样我们就可以组件中使用这两个状态并且可以调用两个修改状态的方法来修改状态。...可以看到 withTracker 函数已经有了变化,我们增加了一个 meteor.call,来服务端获取数据的总数。...onChange 调用了 setCurrentPage 来设置 currentPage 的数据,此时 currentPage 变化,withTracker 也收到变化通知,会重新到后台订阅数据,重新订阅

    3.3K20

    作为前端你还不知道用哪个全栈框架?不妨试试这个

    无论是客户端还是服务器端,数据更新可以立即反映在用户界面上,而无需手动编写复杂的 WebSocket 或 AJAX 逻辑。...你可以同一环境开发应用的各个部分,减少了切换语言和工具的复杂性。 强大的生态系统 Meteor 拥有一个广泛的生态系统,提供大量的包(Meteor Packages)和集成工具。...({ text: 'First task' }); } }); 开发过程Meteor 会自动监听代码的改动,实时编译并重新加载应用。...特别是需要实时更新和快速开发的场景Meteor 的优势尤为突出。如果你正在寻找一个能够加速开发流程、简化全栈开发的工具,Meteor 无疑是一个值得选择的框架。...该框架已经收录到我的全栈前端一站式开发平台 “前端视界” ! 正在上传图片... 感兴趣的添加我的公众号"前端斌少"获取"前端视界"平台链接:

    13410

    2021年Node.js开发人员学习路线图

    Node.js 基础知识 事件发射器(Event Emitter):做为 Node.js 的对象,Event Emitter 操作执行完成发送消息,触发特定的事件。...回调(Callback):回调是特定任务执行完成调用函数,不影响其它代码的同时执行,避免了异步处理产生阻塞。鉴于 Node.js 需处理大量的异步任务,因此回调无处不在。...Mustache.js Handlebars EJS 实时通信 Socket.io:对于起步接触后端开发的学习者,了解 Socket.io 的实时通信需要补充很多知识,主要底层逻辑客户端服务器之间。...API 客户端 REST REST 提出之前,API 使用远程过程调用(RPC)开发,类似于本地执行的代码。...REST 架构使用基本 HTTP 调用进行通信,避免了使用 COBRA、COM +,RPC 等复杂方式通信。 REST 调用是基于消息的,依赖 HTTP 标准描述消息。

    2.6K20
    领券