溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在Rails中，可以使用Rails UJS（Unobtrusive JavaScript）來實現無刷新頁面更新。以下是一個簡單的示例：
gem 'rails-ujs'
然后運行bundle install來安裝gem。
<%= javascript_include_tag 'rails-ujs' %>
這將包含Rails UJS庫的JavaScript文件。
def update
@post = Post.find(params[:id])
if @post.update(post_params)
respond_to do |format|
format.html { redirect_to @post }
format.js
end
else
render 'edit'
end
end
<%= link_to 'Edit Post', edit_post_path(@post), remote: true %>
在上面的示例中，當用戶點擊“Edit Post”鏈接時，將發起一個Ajax請求，然后在響應中加載edit.js.erb視圖文件。在該文件中，可以使用JavaScript來更新頁面的指定部分。
document.getElementById('post_title').innerHTML = <%= j @post.title %>;
document.getElementById('post_body').innerHTML = <%= j @post.body %>;
以上就是使用Rails UJS實現無刷新頁面更新的簡單示例。通過這種方式，可以在Rails應用程序中輕松實現Ajax功能，從而提高用戶體驗。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
