如何创建 AJAX 按钮
How to create an AJAX button?
我是 ROR 编程的新手,我的问题可能看起来新手!
我有一个 Rails 项目。我需要在不刷新页面的情况下保存订阅者数据!
在代码块"app/views/users/new.html.haml"的最后一行中,我需要将form.button更改为ajax按钮。我已经在项目中包含了jQuery。我应该如何编码?当您回答时,请考虑IM初学者!
提前谢谢你!(-_^)
这是路线:
users_new GET /users/new(.:format) users#new
users GET /users/index(.:format) users#index
create POST /users/create(.:format) users#create
这是我的应用程序/视图/用户/new.html.haml:
.form1
%h1
Subscriber
=form_for @user, :url => :create do |form|
- unless @user.errors.empty?
- @user.errors.full_messages.each do |message|
.alert.alert-danger
%ul
- @user.errors.full_messages.each do |message|
%li= message
%div
.row.form-group
.col-lg-3
%label
Email:
=form.text_field :email, :class => 'form-control'
.row.form-group
.col-lg-3
%label
Name:
=form.text_field :name, :class => 'form-control'
.row.form-group
.col-lg-3
%label
Phone Number:
=form.text_field :phone_number, :class => 'form-control'
.row.form-group
.col-lg-3
%label
Address:
=form.text_field :address, :class => 'form-control'
%div=form.button 'Save', :class => 'btn btn-primary'
这是app/controllers/users_controller.rb:
class UsersController < ApplicationController
def index
end
def new
@user = User.new
end
def create
@user = User.new params[:user]
@user.save
redirect_to users_new_path
end
end
要将表单变成ajax表单,您需要做的就是将远程选项设置为true,这将使用ajax自动发送表单:
=form_for @user, :url => :create, :remote => true do |form|
您还需要创建一些响应。这是关于这个主题的一个很好的轨道广播:http://railscasts.com/episodes/136-jquery-ajax-revised
相关文章:
- Rails应用程序上的AJAX按钮
- 我可以使用ajax按钮获取下拉值并填写表单吗
- AJAX-按钮提交以更新表单
- Jquery,ajax 按钮不起作用
- 如何创建 AJAX 按钮
- 未拉出 AJAX 按钮按值
- Wicket:将JavaScript附加到非Ajax按钮(onSubmit()方法内部)
- AJAX按钮没有提交,也没有通过
- 在加载ajax按钮时激发事件
- bootstrap/JS/Ajax按钮点击后获取表单以更改图像
- Ajax按钮向下滑动,并以渐变效果附加数据
- AJAX按钮不工作Rails
- 获取文本框文本使用ajax按钮单击
- 就像Ruby on Rails中的Ajax按钮
- Ajax按钮加载状态
- 完全可点击的ajax按钮与RichFaces和Bootstrap
- Ajax按钮点击不工作
- Ajax按钮重定向在Selenium webdrivers上
- Ajax 按钮无需刷新即可获取数据
- 用curl打开url,点击ajax按钮,等待并得到响应html