javascript - 从静态 javascript 中提升 session 有效的 ajax 回调

Question

我目前正在服务器端使用 lift 和 d3(javascript 可视化框架)实现图形可视化工具，以实现所有可视化。我遇到的问题是在脚本中我想从服务器获取 session 相关数据。

基本上，我的目标是在静态 js 脚本中编写提升有效的 ajax 回调。

到目前为止我尝试了什么

如果您认为最好的解决方案是我已经尝试过的，请随时发布详细的答案，告诉我如何准确使用它以及它如何完全解决我的问题。

使用 lift 在另一个脚本中编写 ajax 回调并从主脚本调用它

这个类似于隐藏文本输入的解决方案可能更有效。然而，它并不优雅，这意味着我必须在加载时加载很多脚本，这并不是很方便。

这似乎是电梯社区中首选的解决方案之一，如 this discussion on the mailing list. 中所述。

REST 接口(interface)

通常，要从 lift 中的 javascript 函数获取数据，我们会创建一个 REST 接口(interface)。但是，此界面不会链接到任何 session 。这是我从上一个问题中得到的解决方案:Get json data in d3 from lift snippet

给函数作为脚本的参数

另一种解决方案是将 ajaxcallback 作为主脚本的参数，调用它来生成我的图形。但是我希望有很多回调，我不想弄乱我的脚本的参数。

将整个脚本写在lift中，然后服务给客户端

这个解决方案可以很优雅，但是我的脚本很长，我真的更希望它保持静态。

我想要什么

在客户端

在查看我的网页的源代码时，我发现 ajaxSelect 的回调是:

<select onchange="liftAjax.lift_ajaxHandler('F966066257023LYKF4=' + encodeURIComponent(this.value), null, null, null)" name="F96606625703QXTSWU" id="node_delete" class="input">

此外，在网页末尾还有一个包含页面状态的变量:

var lift_page = "F96606625700QRXLDO";

所以，我想知道是否可以使用此 liftAjax.lift_ajaxHandler 函数来模拟我的 ajaxcall 是否有效。但是我不知道要使用的确切语法。

在服务器端

由于我在客户端“伪造”了一个请求，我现在想在客户端获取请求并将其分派(dispatch)给正确的函数。这就是 LiftRules.dispatch 对象似乎是最佳解决方案的地方:调用它时，所有 session 管理都已完成(请求已验证并链接到 session )，但我不知道如何在 append 函数中编写正确的代码。

备注

在 lift 中，所有变量名称都更改为随机字符串以提高安全性，我希望在我的应用程序中有相同的行为，即使这可能意味着我将不得不“给” javascript 这些值。然而，15 个字符串值的数组仍然比 15 个函数作为 javascript 函数的参数更好。

编辑

在进行研究时，我发现了这个页面:Mapping server functions to client actions它以某种方式解释了命名函数的目标，即使它仍然没有引导我找到可行的解决方案。

Answer 1

快速回答

Rest in Lift 不必是无状态的。如果您使用 LiftRules.dispatch.append 注册您的 RestHelper，那么它将被有状态地处理并且 session 信息将像往常一样通过 S 对象可用。

长答案

既然你看起来很感兴趣，而且它之前已经出现在 SO 上，这里更详细地解释了如何在 Lift 中注册和调用服务器端函数。如果您有一段时间没有使用 Lift，请将视线移开。以下内容不应以任何方式用于评估 Lift 或其复杂性。这纯粹是图书馆开发人员级别的东西，大多数 Lift 用户在没有意识到这一点的情况下幸福地进行他们的开发。

工作原理

当您创建有状态回调时，通常是通过使用 SHtml 对象中的方法，您真正要做的是在用户 session 的上下文中注册 S.AFuncHolder 类型的对象，每个对象都有一个唯一的 ID。在此过程中生成的唯一 ID 就是您在遇到类似 F96606625700QRXLDO 的模式时所看到的。当通过表单发布、ajax 或其他方式提交数据时，Lift 将检查对这些函数 ID 的请求，并在它们存在时执行相关函数。有几个助手提供更具体类型的 AFuncHolder，如 S.SFuncHolder(接受单个字符串查询参数)和 S.BinFuncHolder(参数是多部分表单数据)，但它们都返回 Any 并且在幕后 Lift 将收集这些返回值创建适当类型的响应。例如，JsCmd 将导致执行命令的 JavaScriptResponse。您也可以直接返回 LiftResponse。

如何使用

AFuncHolders 是使用 S.fmapFunc 方法注册的。你会这样调用它

S.fmapFunc(SFuncHolder({ (str: String) =>
  doSomethingAwesomeWithAString(str)
}))(id => <input type="text" name={id} value=""/>)

第一个参数是你的函数，包装在正确的 *FuncHolder 类型中，第二个参数是一个函数，它接受生成的 id 并输出一些东西。获取输出的东西 就是您要包含在页面上的内容。它应该以某种方式导致将 id 作为查询参数发送到服务器，以便执行您的函数。

将它们放在一起

您可以使用上面的方法进行自己的 Ajax 调用，但是当 Lift 进行 ajax 调用时，还有一些其他注意事项:

1) 大多数浏览器只允许这么多同时连接到给定的域。三似乎是一个神奇的数字。2) AFuncHolders 通常会关闭它们所包含的片段的范围，如果同时处理多个 ajax 请求，每个请求都在自己的线程中，可能会发生不好的事情。

为了解决这些问题，liftAjax.lift_ajaxHandler 函数对每个 ajax 请求进行排队，确保一次只有一个请求发送到服务器。

这种方法的缺点是，它可能难以进行需要将结果传递给回调的 Ajax 调用。例如，JQuery 自动完成在接受匹配列表的输入更改时提供回调函数。但是，如果您手动调用 LiftAjax.lift_ajaxHandler，则可以提供自己的成功和错误回调函数，我建议您在浏览器中查看这些函数的源代码，以了解有关它们如何工作的更多信息。

实际上还有更多内容，例如 Lift 如何在 ajax 回调中恢复 RequestVars(这就是 lift_page 的用武之地，但这就是我准备在周六早上边喝咖啡边解释的全部内容:)

祝您的应用程序好运!