javascript - 从文件顶部移动javascript代码，可能使用设计模式？

Question

我有一个 jsp 文件，其中包含文件顶部的 javascript 函数。这些功能

1. send/receive data to a server 
2. Interact with the jsp file to implement drag & drop

这似乎总是让我感到厌烦，因为它在一页上混合了两种/三种语言 - jsp 和 javascript/jquery。是否有更好地实现此功能的设计模式或只是最佳实践？

Answer 1

JSP 是服务器端，javascript 是客户端。Javascript 可以完成您希望在浏览器（客户端）上发生的所有事情。JSP 是服务器端的，因此计算是在服务器上完成的。这可以是数据库调用、xml 解析或其他计算

如果您想从服务器发送和接收数据，那么您将使用 AJAX。对于这两种语言，您不应该使用特定的设计模式。您需要更好地理解客户端-服务器交互。简而言之 - 浏览器向服务器发送请求。服务器执行某种计算并准备响应以发送回客户端。客户端收到此响应并执行它需要做的任何事情

我不确定您使用拖放的目的是什么，但我将给出一个非常简单的示例，让您了解客户端-服务器交互。

向 JSP 发送请求以获取拖动速度。JSP 访问一些包含拖动速度数据的属性。JSP 将此作为 JSON 响应发送回客户端。Javascript 解析 JSON 响应并设置速度值。