在不显眼的 JavaScript 中,一旦你将内容和脚本分开,你会对添加内容的脚本做什么?

发布于 2024-10-19 01:26:21 字数 192 浏览 3 评论 0原文

我正在尝试在 Rails 3 应用程序中遵循不引人注目的 JavaScript 最佳实践。我已将网站上的大部分 HTML 内容和 JavaScript 分开。但是,我有一个表单,在单击脚本时,它用于添加其他 HTML 表单元素。对于这种情况,最佳做法是什么?

由于它是一个表单,我不能只使用脚本预渲染和隐藏该元素,使其显示,因为隐藏的表单元素仍然会提交。

I'm trying to follow best practices for unobtrusive JavaScript in my Rails 3 application. I've separated the HTML content and JavaScripts on my site for the most part. However, I have a form, where on the click of a script, it used to add additional HTML form elements. What's the best practice for this situation?

Since it's a form, I can't just pre-render and hide the element with the script causing it to show, because hidden form elements are still submitted.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

迷迭香的记忆 2024-10-26 01:26:21

您可以通过编程方式创建新内容(通过创建节点等),也可以使用模板系统将数据映射到预编码的 HTML 模板中。

当您隐藏表单的某些部分时,您可以找到所有输入并禁用它们(将“disabled”属性设置为true)以防止它们被提交。

为了“不引人注目”,如果您使用模板系统,则需要以某种方式组织模板。有些人喜欢将它们编码到页面中,有时将它们作为原始的未解释文本,通过将它们隐藏到

<script type='text/template' id='templateName'>
  <div class='part-of-a-template'>
    <!-- etc etc -->
  </div>
</script>

或者,您可以提供嵌入到 JavaScript 或 JSON 数据中的模板,可能是通过响应模板的动态请求的服务器端设施实现的。如何做到这一点取决于您的需求。

You can create the new content programmatically (by creating nodes etc), or you can use a templating system to map data into pre-coded HTML templates.

When you hide portions of a form, you can find all the inputs and disable them (set the "disabled" attribute to true) to prevent them from being submitted.

To be "unobtrusive", if you go with a templating system you need to have the templates organized somehow. Some people like coding them into the page, sometimes as raw uninterpreted text by sneaking them into a <script> tag with a type that keeps the browser from trying to interpret it:

<script type='text/template' id='templateName'>
  <div class='part-of-a-template'>
    <!-- etc etc -->
  </div>
</script>

Alternatively, you can serve up the templates embedded into JavaScript or JSON data, possibly by server-side facilities that respond to dynamic requests for templates. How you do it depends on what your needs are.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文