javascript - 在 javascript/AJAX 应用程序中用于 UI 绑定的典型方法是什么？

Question

一些背景

我目前正在构建一个主要是经典网络应用程序（而不是单页应用程序），但是我的大多数表单都是 AJAX。

我无法将 UI 绑定到我的模型 - 目前我必须明确： -

1. 告诉每个生成表单的按钮从哪里获取表单（它已交付，预填充为 AJAH）

2. 告诉每个表单它绑定到哪个内容框并且必须在成功请求时更新

3. 告诉内容框去哪里刷新自己

目前这是通过将这些属性添加到生成它们的相应对象中来完成的，并且用于获取的 url 由 js 构造。

问题

我真的很想把所有东西联系在一起，让它更容易（也许是事件或其他东西？）但是有人可以简单地解释一下 UI 绑定通常是如何实现的机制吗？

Answer 1

好的，所以我决定这样做的方式是定义一个ContentBox.Update()javascript 方法，这样页面上的每个内容框都可以被告知更新自身。

然后在服务器端的 Form 类中，我有一个$form->bind($content_box_id);方法将绑定添加到传递给 javascript 的 Form 类中的绑定数组中。然后，一旦提交了表单，绑定数组就会循环，并ContentBox.Update()在表单绑定到的每个内容框上调用该方法。