例如 RubyChina 的回帖。
- 假设初次渲染所有楼层用的
<%= render @replies %> - 后续当我回贴的时候，需要用 ajax 将我的回贴贴到楼层的最底部
listDom.append(newDom);
可问题在于，我的 HTML 模版是写在 ERB 里的，当我需要使用 DOM 操作去新增的时候，岂不是需要把模板在 JS 里面再写一次？
如果我的列表的每一项 DOM 结构都特别复杂，在 JS 和 ERB 中写同样的一套 HTML 代码会非常不利于后续的维护/迭代工作。
请教一下，有什么更好的解决方案吗？
willx
#2
2023年05月12日
对
u1435638317
回复
u1435638317
回复
partial 这个我知道，你的意思是接口直接渲染好的 HTML partial 吗，然后 JS 就不需要手动拼接 DOM 了。这样好像确实可以，感谢。
说实话，我都不确定你说的意思和我理解的是不是一样的？也不知道你用的哪一个 Rails 版本。如果是 Rails7，用 Turbo 的话，都不需要写一点 Javascript 代码：
# app/controllers/messages_controller.rb
class MessagesController < ApplicationController
def index
@messages = Message.all
end
def create
message = Message.create!(params.require(:message).permit(:content))
respond_to do |format|
format.turbo_stream do
render turbo_stream: turbo_stream.append(:messages, partial: "messages/message",
locals: { message: message })
end
format.html { redirect_to messages_url }
end
end
end
如果是以前的 Rails, 服务器端是直接返回 Javascript 代码的，类似这样：
$("#reviews").append("<%= escape_javascript(render(:partial => @review)) %>");
反正两个方法，都是用 partial 复用 重复的 html 代码的。
