使用Jquery Ajax到Rails API的CORS

我使用rails-api gem在Rails中创建一个示例api并启用指定的CORS here

我在chorme中使用'Advanced Rest API'尝试了api crud操作并且工作正常 . 现在我只是向Rails添加了一个spa jquery应用程序来使用API . 我只是将我的jquery应用程序放在Rails API的公共目录中 .

我的get方法工作正常但不是'PUT'和'PATCH' . 我的客户端应用程序在同一个应用程序和机器中，所以我认为这不是其他域名？我对吗？是这样我已经启用了CORS但没有工作 . 我得到'ActionController :: RoutingError（没有路由匹配[OPTIONS]“/ api / v1 / students / 1”）：'

请帮我解决这个问题..

我的客户页面是

<form>
<table role="presentation">
  <tr><td>First name</td> 
  <td>
  <input name="FirstMidName" data-val="true" data-val-required="First name is required" class="form-control">
  <span class="field-validation-valid" data-valmsg-for="FirstMidName" data-valmsg-replace="true"></span>
  </td>
  </tr>
  <tr><td>Last name</td>  
  <td>
  <input name="LastName" class="form-control" data-val="true" data-val-required="Last name is required" >
  <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
  </td>
  </tr>  
  <tr>
  <td>Enrollment date</td>      
  <td>
    <input name="EnrollmentDate" class="form-control" data-val="true" data-val-required="Enrollment date is required" >
    <span class="field-validation-valid" data-valmsg-for="EnrollmentDate" data-valmsg-replace="true"></span>
  </td>
  </tr>
</table>
<input type="hidden" name="id" />
<input type="hidden" name="_method" value="PUT" />
<input type="submit" value="update" class="btn btn-default" onclick="return updateData(this)"/>

</form>


<script>
function Success(result){
alert("Data Saved successfully");
window.location.hash="#contact-list";
}

function Failure(err){
alert("Error");
}


function updateData(_this){


$.ajax({
        url: "http://localhost:3000/api/v1/students/1",
        type: 'PUT',
        data:$(this).closest('form').serialize(),
        success : function(result){
        alert('done');
        },
        error : function(xhr, txt, err){
        alert(err);
        }

        });

return false;
}

</script>

我的基础控制器是

class Api::BaseController < ApplicationController

  before_filter :cors_preflight_check
  after_filter :cors_set_access_control_headers

  def cors_set_access_control_headers
    headers['Access-Control-Allow-Origin'] = '*'
    headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'
    headers['Access-Control-Allow-Headers'] = 'Origin, Content-Type, Accept, Authorization, Token'
    headers['Access-Control-Max-Age'] = "1728000"
  end

  def cors_preflight_check
    if request.method == :options
      headers['Access-Control-Allow-Origin'] = '*'
      headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'
      headers['Access-Control-Allow-Headers'] = 'X-Requested-With, X-Prototype-Version, Token'
      headers['Access-Control-Max-Age'] = '1728000'

      render :text => '', :content_type => 'text/plain'
    end
  end
end

我的路线是

namespace :api, :defaults => {:format => :json} do
    namespace :v1 do

      controller :students, path: '/students/:id' do
        match 'post_action', via: [ :post, :options]
      end

      resources :students

    end
  end