在Rails服務器上設置跨域調用

Question

我正在開發一個Rails API和一個單獨的html5應用程序。 他們不共享相同的域。 如何設置我的Rails應用程序以接受跨域請求？ 我已將以下內容添加到ApplicationController的頂部，但沒有任何運氣 -

  before_filter :set_access_control_headers

  def set_access_control_headers
    headers['Access-Control-Allow-Origin'] = 'http://myfrontend.com:3002'
    headers['Access-Control-Request-Method'] = 'GET, OPTIONS, HEAD'
    headers['Access-Control-Allow-Headers'] = 'x-requested-with,Content-Type, Authorization'
  end

我在其他應用上的javascript看起來如下 -

var req = $.ajax({
  url: url,
  type: "GET",
  crossDomain: true,

  success: function(data, textStatus, jqXHR)
  {
     alert('success');
  },
  error: function(jqXHR, textStatus, errorThrown)
  {
     alert('error');
  }
});

當我運行此請求時，我在服務器日志中獲得以下內容 -

Started OPTIONS "/api/search?location_uuid=22222222222222222" for 127.0.0.1 at 2013-07-15 16:49:56 -0400
Processing by Api::V1::SearchController#index as JSON
  Parameters: {"location_uuid"=>"22222222222222222"}
WARNING: Can't verify CSRF token authenticity
  User Load (20.5ms)  SELECT "users".* FROM "users" ORDER BY name DESC LIMIT 30 OFFSET 0
(63.1ms)  SELECT COUNT(*) FROM "users" 
Completed 204 No Content in 300ms (ActiveRecord: 0.0ms)

任何人都有任何提示讓這個正常工作？

Answer 1

似乎將數據類型添加為JSONP可以避免跨瀏覽器問題：

var req = $.ajax({
  url: url,
  type: "GET",
  crossDomain: true,
  dataType: "JSONP",
  ...

有關詳細信息，請參閱此問題 -

用外行人的話可以解釋一下JSONP是什么嗎？