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

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

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

---

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

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

如果您想从服务器发送和接收数据，那么可以使用AJAX。 这两种语言没有一种特殊的设计模式。您需要更好地理解客户机-服务器交互。 简而言之，浏览器向服务器发送请求。服务器执行某种计算并准备一个响应以发送回客户端。客户机收到此响应，并对其执行任何需要执行的操作

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

向JSP发送请求以获得拖动速度。 JSP访问一些包含拖动速度数据的属性。 JSP将其作为JSON响应发送回客户端。

---

Javascript解析JSON响应并设置速度值。

JSP在服务器上，JS在客户端上。没有发生混合。不要使用jsp脚本，使用jstl标记