gpt4 book ai didi

javascript - 使用 Rails 事件记录关联创建 JavaScript 变量

转载 作者:行者123 更新时间:2023-12-03 11:16:53 26 4
gpt4 key购买 nike

我不想向 dom 添加事件记录关联,但遇到了麻烦。

我有这个编辑器类

 .editing
.row
.col-sm-3
.col-sm-8
.text-left
#font-20
.title-font
.title-editor

事实上,编辑器是空的,这正是它应该做的。但是当有人编辑他们的标题时,我不希望能够显示他们保存的标题。该编辑器的加载是通过jquery进行的,没有页面刷新。

在我的 javascript 中,我可以访问我想要标题的对象的 id

js:

var draft = $(e.target).attr('class');
var id = id.slice(draft);

使用该 id,我想将对象标题添加到 dom。
像这样的事情是理想的,但我认为这是不可能的。

var title = <%= Draft.find_by(id: $id).title %>
$('.title-editor').html(title);

我怎样才能做这样的事情?

最佳答案

好吧,你最终需要使用ajax...

首先,您可以对 drafts_controller.rb 进行轻微更改。执行此操作的方法之一如下:

def show # @draft is supposingly defined in a before_action callback
respond_to do |format|
format.html
format.json {
render :json => {'title' = @draft.title}
}
end
end

因此,如果您的 @draft 是:{id:1, title: 'hello'},您将拥有:
http://your.app.com/drafts/1.json 它将呈现 {"title":"hello"}

你如何使用这个?简单...在您看来,您可以将此代码绑定(bind)到将触发它的事件。

$.ajax({
type: "GET",
url: "/drafts/"+id+".json",
dataType: "json",
success: function(data) {
$('.title-editor').html(data.title);
}
});

关于javascript - 使用 Rails 事件记录关联创建 JavaScript 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27303307/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com