HTML / Javascript module

本文关键字：module Javascript HTML 更新时间：2023-09-26

作为应用程序的一部分，我们需要能够为客户提供某种模块，他们可以轻松地将其注入自己的网站。

该模块是一个带有预定义字段的表单（我们当然控制它），当用户单击提交按钮时，表单的内容应该发送给我们。

我们必须考虑验证。第一步将在页面本身（Javascript）上完成，另一步将在服务器上完成，然后服务器可以将错误返回给客户端。

我正在寻找将这种行为嵌入我们客户网站的最佳选择。

我们考虑了一个iframe，它可以调用我们的服务器来获取html/js，但我不确定这是最好的。

我们使用ASP.NetMVC和Webneneneba API 2，这样我就可以使用剃刀构建大部分表单，并像这样处理验证（简单的方法），但我正在寻找最便携/可重复使用的解决方案，因为我们希望避免在客户端更改技术时不得不重做整个过程。

有线索吗？

如果你是作为一个简单的合并脚本来做这件事，而不是使用系统直接请求的内容，那么最好将面板与后端完全解耦，这样前端是纯JavaScript、HTML和CSS来执行客户端验证，然后使用AJAX将数据传回系统进行服务器端记录和验证，考虑到同源政策的限制。您可以返回验证结果并将其显示在页面中。

除非您的表单异常复杂，否则使用JQuery并使用RESTful方法（通过Web API之类的方法）接收来自您方的请求将非常简单。

这两种方法都有积极的一面和消极的一面，但脱离DOM意味着IFrame更难融入页面设计中。

根据经验，我建议使用<iframe>。另一种选择是某种API，但在大多数情况下，设计面向公众的安全API并释放其优势所需的知识不值得投入时间。此外，<iframe>方法对于API无法提供的后续更改具有很大的灵活性。唯一需要记住的"重要"部分是制作一个简单的工具来自定义iframe的外观（如背景颜色、文本颜色、错误框颜色等）