Javascript 如何创建AJAX按钮?
我是ROR编程新手,我的问题可能看起来像新手 我有一个Rails项目。我需要在不刷新页面的情况下保存订户数据 在代码块“app/views/users/new.html.haml”的最后一行中,我需要将form.button更改为ajax按钮。我已经在项目中包括了jQuery。我应该如何编写代码?当你回答的时候,请考虑我是初学者。p> 提前谢谢你!(^)Javascript 如何创建AJAX按钮?,javascript,ruby-on-rails,ajax,jquery,Javascript,Ruby On Rails,Ajax,Jquery,我是ROR编程新手,我的问题可能看起来像新手 我有一个Rails项目。我需要在不刷新页面的情况下保存订户数据 在代码块“app/views/users/new.html.haml”的最后一行中,我需要将form.button更改为ajax按钮。我已经在项目中包括了jQuery。我应该如何编写代码?当你回答的时候,请考虑我是初学者。p> 提前谢谢你!(^) 这是路线: users_new GET /users/new(.:format) users#new users GET
这是路线:
users_new GET /users/new(.:format) users#new
users GET /users/index(.:format) users#index
create POST /users/create(.:format) users#create
这是我的应用程序/views/users/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\u 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
class UsersController
要将表单变成ajax表单,只需将remote option设置为true,即可使用ajax自动发送表单:
=form_for @user, :url => :create, :remote => true do |form|
您还需要创建一些响应。以下是一个关于这个主题的优秀railscast:
当我这样做时,它会在我的url for post方法的末尾添加一个“/true”!为什么呢?