使用Jquery将数据发布到REST API(在Ruby / Sinatra平台中编码)

时间:2013-11-21 14:20:02

标签: jquery ruby rest rubygems sinatra

我在Ruby / Sinatra平台上开发了一个简单的REST API。当我通过REST Client,Firefox扩展发布数据时,API工作正常。这是我的API代码

require 'rubygems'
require 'sinatra'
require 'sinatra/json'
require 'json'
require 'sinatra/cross_origin'
configure do
  enable :cross_origin
end
set :environment, :production
post '/test' do
 cross_origin :allow_origin => '*',
    :allow_methods => [:post],
    :allow_credentials => true,
    :max_age => "60"
  data = JSON.parse(request.body.read)
  aFile = File.new("data/data.json", "w+")
if aFile
   aFile.syswrite(data)
end
  json data
end


get '/test' do
   cross_origin :allow_origin => '*',
    :allow_methods => [:get],
    :allow_credentials => true,
    :max_age => "60"
  aFile = File.new("data/data.json", "r+")
if aFile
  content = aFile.sysread(100)
end
  json content
end

这个Ruby代码在端口4567上运行在本地服务器上。现在当我尝试从jquery发布数据时,我收到404错误。这是我的jquery代码。

var prospect_id=5;
var customer_id=10;
var page=  window.location.pathname + window.location.search;
var dataString='{"prospect_id" : "'+prospect_id+'", "c_id" : "'+customer_id+'", "page" : "'+page+'"}';
var url = "http://localhost:4567/test";
$.ajax({  
       type: "POST",  
       url: url,  
       data:JSON.stringify(dataString),  
       success: function(msg){
                             var obj=JSON.parse(msg);
                            alert(obj);
                            }
            });

我在javascript控制台中遇到以下错误。

 OPTIONS http://localhost:4567/test 404 (Not Found) jquery.min.js:29
    OPTIONS http://localhost:4567/test Invalid HTTP status code 404 jquery.min.js:29
    XMLHttpRequest cannot load http://localhost:4567/test. Invalid HTTP status code 404 

我在运行Ruby代码的cmd中的消息

“OPTIONS / test HTTP / 1.1”404 445(当我通过jquery发布时) “POST / test HTTP / 1.1”200 61(当我通过REST客户端浏览器扩展发布时)

两个请求之间的差异是选项和POST。怎么解决?

1 个答案:

答案 0 :(得分:0)

看起来您的问题是跨域POST。

有不同的解决方法:

jQuery $.ajax(), $.post sending "OPTIONS" as REQUEST_METHOD in Firefox 使用JSONP回调

OPTIONS请求的

jQuery.ajax sending both OPTIONS and POST, how to handle with Express.js (Node.js)响应

示例适用于node.js,但您可以对sinatra进行调整。