JavaScript / Django 设计模式

发布于 2024-10-30 01:22:47 字数 648 浏览 2 评论 0原文

我只是有一个关于如何使用即时生成 html 的 javascript 实现 DRY 的问题。我有一个动态加载的元素列表，并由 django 模板填充。现在

{{ tag.title }}
{% if request.user.is_authenticated %}
<a name="del-tag" data-id="{{ tag.id }}" class = "tag-x" title="Remove Tag" href="#">x</a>
{% endif %}

，我有一些 javascript，它们也通过 ajax 加载新标签。这是相关部分：

var newTag = "<span class = \"tag\">" + tagName + "<a name=\"del-tag\" data-id=\"" + tag_id + "\"" +
                        "class = \"tag-x\" title=\"Remove Tag\" href=\"#\">x</a></span>";
$('#tags').append(newTag);

Can I避免在javascript中重复HTML吗？

谢谢。

原文

I just have a question about how to achieve DRY with javascript that generates html on the fly. I have a list of elements that are loaded dynamically and populated by the django template a la

{{ tag.title }}
{% if request.user.is_authenticated %}
<a name="del-tag" data-id="{{ tag.id }}" class = "tag-x" title="Remove Tag" href="#">x</a>
{% endif %}

Now, I have some javascript that also loads new tags via ajax. Here's the relevant portion:

var newTag = "<span class = \"tag\">" + tagName + "<a name=\"del-tag\" data-id=\"" + tag_id + "\"" +
                        "class = \"tag-x\" title=\"Remove Tag\" href=\"#\">x</a></span>";
$('#tags').append(newTag);

Can I avoid duplicating HTML in the javascript?

Thanks.

分享到QQ

分享到微博

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

发布评论

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

似梦非梦 2024-11-06 01:22:47

jQuery 模板可以用于此目的。

回复收藏 0 原文

琉璃梦幻 2024-11-06 01:22:47

jquery（我假设您正在使用的是 jquery）有一个 clone 功能，可以克隆 DOM 元素。鉴于您应该能够克隆已存在的 html 元素之一并更改属性的值，然后将其附加回 DOM。我自己没有这样做过，但理论上应该可行。

回复收藏 0 原文

皇甫轩 2024-11-06 01:22:47

是的，你可以这样做。将所有标签生成功能放在单独的模板中。然后有一些生成标签的网址。像这样：

www.example.com/tags/?tags=tag1,tag2,tag3

这会产生：

然后，当在代码中执行 AJAX 调用时，执行如下操作：

$('div.tags').load('www.example.com/tags/?tags=tag1,tag2,tag3')

在 Django/模板端，您需要找到一种方法，将 URL 返回的结果包含到页面模板主体中。我不太确定 Django 模板引擎提供了哪些工具，但在第一个视图中，您似乎可以将此代码放入某个视图方法中，并在需要的任何地方扩展此视图，提供模板变量，如下所示 render( ...，tags=self.generate_tags(args))，在模板中它只是 {{ tags }}。

/tags/?tags=... 和常规页面 /page/ 调用都可以重用 generate_tags() 方法。

希望有帮助

Yes, you can do this. Have all tags generation functionality in a separate template. Then have some url which generates tags. Like this:

www.example.com/tags/?tags=tag1,tag2,tag3

this produces:

Then, when doing the AJAX call in your code do something like this:

$('div.tags').load('www.example.com/tags/?tags=tag1,tag2,tag3')

On the Django/template side you'd want to find a way how to include the result returned by the URL into the page template body. I'm not exactly sure what tools Django template engine provides, but on the first view it looks like you could put this code into some view method and extend this view everywhere you need it, providing the template variable as following render(..., tags=self.generate_tags(args)), in template it would be just {{ tags }}.

Both /tags/?tags=... and regular page /page/calls could re-use the generate_tags() method then.

Hope it helps

回复收藏 0 原文

~没有更多了~