I recently started learning AngularJS and Rails, and I attempted to develop a Rails application incorporating AngularJS.
Currently, I am looking to make a POST request to send data and insert it into the database.
In the Activity Controller:
def create
@activity = Activity.new(params[:activity])
respond_to do |format|
if @activity.save
format.html {redirect_to activities_url}
format.json { render activities_url, status: :created, location: @activity}
end
end
end
In the Activity Coffee JS:
app = module('activity', ['ngAnimate'])
app.controller 'FormCtrl', ($scope, $http) ->
config = {
header: {
'Content-Type': 'application/json'
}
}
@test = ->
$http.post('/activities.json', {title: 'test1'}, config).success (data, status) ->
console.log(data)
console.log(status)
return
Console log:
Started POST "/activities.json" for ::1 at 2016-05-04 21:06:10 +0800
Processing by ActivitiesController#create as JSON
Parameters: {"title"=>"test1", "activity"=>{"title"=>"test1"}}
Can't verify CSRF token authenticity
Completed 422 Unprocessable Entity in 2ms (ActiveRecord: 0.0ms)
I added a button with ng-click to trigger the test function but encountered errors as shown in the console log. How can I resolve this issue?