Javascript Ajax页面回声与背景Ajax/直接HTML操作？

我进退两难，我真的需要一些建议。 我正在用PHP/Smarty/HTML/jQuery构建一个订购系统。 目前正在卖方确认订单的现场工作

我需要三个div

Waiting orders div-包含一个包含未处理订单的表

Last orders div-包含一个包含最近处理的订单的表（10-20行）

详细信息div-包含有关订单的信息，以及确认/拒绝的按钮

这是一个典型的主细节情况，只有主细节被分成两部分（1,2），细节在第3部分。 当然，一切都与javascript/Ajax相连接，因此用户可以获得“实时”的感觉。 等待订单div通过comet（长轮询）技术填充

我的难题是如何将div与javascript/ajax连接起来。我是否应该制作对应于db状态的回显页面，并在divs中完全加载。或者我应该只处理表行，并且只在后台db调用中使用ajax吗

让我更清楚地说：

选项1（Ajax完整页面）：

• 当用户选择等待顺序时，将使用ajax获取新页面（回显表），并将其加载到details div中
• 当用户确认/拒绝div 3中的顺序时，div 1和div 2将使用ajax刷新（使用与db中的状态相对应的表来回送页面）

选项2（html操作/后台Ajax）：

• 当用户选择等待顺序时，div 3的元素将填充新值
• 当用户按照div3中的顺序确认/拒绝时，删除div1中表中的tr（后台ajax到db中的del），并在div2中添加相同的tr（后台ajax到db中插入）

---

那么该走哪条路呢？

这两条路都是可以接受的，但nr 1的用户友好性较差，因为重新加载div 1和2。当您将某个内容加载到div3中时，您有它的id，所以复制/追加tr（并添加颜色，以便用户知道发生了什么）应该是一个问题

如果选择2，请记住将新操作解除绑定/绑定到tr元素，因为当您将tr移动到另一个位置时，它不会触发先前绑定的操作

我可能会自己去；）

---

另外，在将数据加载到div3中时，为了安全起见，可以使用ajaxloader（）添加overlay。用户也会更快乐，因为他会知道正在发生什么；）

谢谢。元素动画是一大优势。虽然它可以在nr 1中完成。我总是知道订单的id，所以我可以在ajax重新加载后找到它并制作动画。系统负载呢？我很确定NR2更贵，它会出现问题吗？或者它是可忽略的？可能是一个组合？选项1的details div和选项2的orders div？在大多数情况下，您可以忽略用户负载，这对系统来说不应该是很大的负载。如果您计划在那里使用可排序元素或通过jquery进行排序，那么问题会更大。然后，如果您有许多行，这可能会成为问题。这些行的组合也会很好。最重要的是：如何设计它，用户会很高兴，这将是非常容易为他。试着从用户的角度来看这个问题。他会在那里看到什么数据，有多少？也许可以使用clor来区分每一行（尝试使用至少奇数个不同颜色的元素）。谢谢marek。第一组只有几条记录，第二组只有10-20条记录。所以不多。我将采用综合办法。第1和第2分部（含选项2）和第3分部（含选项1）。我真的不需要任何详细的动画（除了ajaxload），也不需要搜索整个dom来查找元素