Fluxxor / React.JS中的服务调用

Service call in Fluxxor / React.JS

本文关键字：服务 调用 JS React Fluxxor      更新时间：2023-09-26

我对react.js和Fluxxor非常陌生，我已经有一段时间没有做Web开发了:)。

我想知道在我的代码中在哪里放置服务器调用(JQuery $.ajax(((？我的操作只是调度呼叫，例如：

var actions = {
    onBlubb: function (data) {
        this.dispatch(cmd.BLUBB, data);
},};

然后我有一个商店，它执行一些更改并调用 emit 函数来更新视图。整个周期工作正常(视图、操作、调度程序、存储(

现在我想我应该把我的 ajax 调用放在我的商店类中。假设我称我的商店为"blubbStore"。但我希望我的商店类是可测试的。这意味着我必须将 ajax 调用放在另一个存储类中，该存储类基本上执行服务器调用并且......

  • 方法1(...触发成功/失败操作。此操作在 blubbStore 中处理
  • 方法2(...将服务调用响应存储在属性中。然后blubbStore调用"WaitFor"，并在服务调用完成后从这个"服务调用者存储"读取数据。

我想方法 2 是不可能的，因为 WaitFor 不等待异步调用？这意味着方法1将是解决方案吗？

(这些操作应该只调度消息。

谢谢

根据我个人的观点和经验 - 最好使用此逻辑将异步调用放入操作中 - 图像通过这种方式，您可以调度一个事件，例如调用加载屏幕，然后在收到数据时调度带有数据的新更改。

最后，我相信这是个人选择，目标是帮助您更好地处理代码的方法。

相关文章：