使用 Netflix Falcor 获取 JSON 数据

Netflix 开源了 JavaScript 库 Falcor ，它为从多个来源获取 JSON 数据提供了模型和异步机制。

Netflix 利用 Falcor 库实现通过 JSON 数据填充他们网页应用的用户界面。所有来自内存缓存或者多个数据库的后端数据，都通过一个虚拟 JSON 对象进行建模。这个 JSON 对象被称为“虚拟”，是因为从客户端的视角来看，这些数据来自内存，而事实上这些数据可能来自本地或者远程数据库。

数据通过 JSON 图提供，可以通过使用 DataSource 接口提供的 get、set 和 call 这几个异步方法操作。客户端能够通过类似直接访问 JSON 数据的方式，通过使用 JavaScript 路径的方式来遍历 JSON 图。为了便于演示，我们使用这个最小 JSON 对象：

{
 "greeting": "Hello World"
}

如果这个 JSON 对象存储在 model.json 文件中，那么访问这个对象可以这样做：

 
<script src="<a href="https://netflix.github.io/falcor/build/falcor.browser.js%22">https://netflix.github.io/falcor/build/falcor.browser.js"</a>></script> 
<script> 
  var model = new falcor.Model({source: new falcor.HttpDataSource('/model.json') }); 
  // 从虚拟 JSON 资源的根节点获取“greeting”键的值 
  model. 
    get("greeting"). 
    then(function(response) { 
      document.write(response.json.greeting); 
    }); 
</script>

Falcor 包含一个路由，它隐藏了实际数据存储，指示调用负责获取数据的相应后端服务。另外，当数据获取回来后会被缓存起来，以避免后续对数据库的访问。Falcor 也能够批处理多个请求，将它们合并成一个网络请求，如果当前已经有一个数据库请求，Falcor 也不会重复请求。

Netflix 已经将 Falcor 开放到 GitHub 上，请求社区来帮助查找和修复缺陷，并与各种 MVC 框架进行集成。

查看英文原文： Getting JSON Data with Netflix Falcor

感谢邵思华对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ， @丁晓昀），微信（微信号： InfoQChina ）关注我们，并与我们的编辑和其他读者朋友交流（欢迎加入 InfoQ 读者交流群）。