您应该在JavaScript中放置HTML代码还是从服务器调用它？

Question

我正在开发一个使用Leaflet API创建显示数据的地图的系统。我可以在地图上放置一个控制栏，这样我就可以与地图进行交互。该控制栏的内容是HTML。现在，我的问题：

我应该在我发送给客户端的JavaScript中构建此控件栏的HTML，还是应该通过ASP.NET控制器的AJAX调用来调用控件栏？

每种方法的一些优点和缺点：

• 如果我在JavaScript中构建控件栏，我的JS文件将变得更加混乱，并且包含大量HTML。将控制栏放在ASP.NET页面中会使HTML和JavaScript分离，这对我来说似乎是一件好事。它会为服务器保存一个请求，因为创建控制栏的代码已经与JS文件一起发送。

• 将其放在ASP.NET页面中意味着JS文件较小，但应用程序需要额外调用服务器以获取控制栏。没有地图上没有控制栏的情况，因此如果我将HTML存储在ASP.NET页面中，则必须始终对服务器进行调用。

过去有没有人必须处理这个问题，你是如何处理的？

Answer 1

将控件栏的HTML放在ASP.NET页面中，这将定义结构。我认为行为和风格应该在JavaScript和CSS文件中分开。 根据条形图的内容，将HTML放在ASP.NET页面中也可以让您将HTML中的内容显示给搜索引擎Spyder。