Why does my record have all nil fields after being saved?

Question

I am making an ember and rails app.

I am trying to do a post request to http://localhost:3000/candidates

My request is getting a 200 and is creating a record but everything is nil: Why is this?

#<Candidate id: 15, name: nil, email: nil, created_at: "2018-08-23 22:28:07", updated_at: "2018-08-23 22:28:07"> 

here is my controller code:

class CandidatesController < ApplicationController
  # POST /candidates
  # def create
  #   @candidate = Candidate.create!(candidate_params)
  #   json_response(@candidate, :created)
  # end

  def create
    puts "create"
    puts params
    puts candidate_params
    candidate = Candidate.create!(candidate_params)

    if candidate.save
      render jsonapi: candidate
    else
      render jsonapi_errors: candidate.errors
    end
  end

  private

  def candidate_params
    # whitelist params
    params.permit(:name, :email)
  end
end

and here is my ember code:

import Ember from "ember";

export default Ember.Route.extend({
  model() {
    // return this.get("store").findAll("candidate");
  },
  actions: {
    createCandidate() {
      console.log("create candidate");
      let candidate = this.get("store").createRecord("candidate", {
        id: 1,
        name: "Katie",
        email: "katie@gmail.com"
      });
      candidate.save();
    }
  }
});

I am also getting this error in my js console: SyntaxError: Unexpected end of JSON input

I am using the 'jsonapi-rails' gem

Here are the server logs and screen shot of network tab:

NetworkScreenshot

Started POST "/candidates" for 127.0.0.1 at 2018-08-29 14:07:12 +0100
Processing by CandidatesController#create as application/vnd.api+json
create
{"controller"=>"candidates", "action"=>"create"}
{}
   (2.7ms)  begin transaction
  ↳ app/controllers/candidates_controller.rb:12
  Candidate Create (0.4ms)  INSERT INTO "candidates" ("created_at", "updated_at") VALUES (?, ?)  [["created_at", "2018-08-29 13:07:12.984174"], ["updated_at", "2018-08-29 13:07:12.984174"]]
  ↳ app/controllers/candidates_controller.rb:12
   (1.3ms)  commit transaction
  ↳ app/controllers/candidates_controller.rb:12
   (0.1ms)  begin transaction
  ↳ app/controllers/candidates_controller.rb:14
   (0.0ms)  commit transaction
  ↳ app/controllers/candidates_controller.rb:14
Completed 200 OK in 9ms (Views: 0.1ms | ActiveRecord: 4.5ms)

This is my adapter:

import DS from "ember-data";

export default DS.JSONAPIAdapter.extend({
  host: "http://localhost:3000",
  dataType: "json"
});

I am not using any serializer in the frontend. should I be? Yes I am expecting jsonapi data.

Answer 1

You have to define a model into your ember app : https://guides.emberjs.com/release/models/#toc_models

Moreover, if you are using jsonapi specs, you should set related adapter

// app/adapters/application.js
import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({});

and serializer

// app/serializers/application.js
import DS from 'ember-data';

export default DS.JSONAPISerializer.extend({});