如何通过 jquery/ajax 将数据作为 JSON 对象发送和存储到 Rails？

Question

{问题已更新}

我想向安装了 rails 的服务器发送一些数据。我的数据是 JSON 格式，例如：

var JSONObject=  {
             table1: {
                      title: "Title of text",
                      url: "Url of text"
                      }
                  }

我在 cilent 中使用以下代码：

$.ajax({
            type: "POST",
            url : "http://webadress.com/table1",
            cache: false,
            data: JSONObject,
             statusCode: {

                 200:function() { alert("200"); },
                 202:function() { alert("202"); }
            },
            success: function() {  alert("Data Send!");},
            error: function(xhr){  alert("The error code is: "+xhr.statusText);}        
        });

在cilent中，存在以下代码：

def create
    @table1= Table1.new(:title => params[:title], :url => params[:url])

respond_to do |format|
  if @table1.save
    format.html { redirect_to(@table1, :notice => 'User was successfully created.') }
    format.xml  { render :xml => @table1, :status => :created, :location => @table1}
    format.json { render :json => @table1}
  else
    format.html { render :action => "new" }
    format.xml  { render :xml => @user.errors, :status => :unprocessable_entity }
    format.json  { render :json => @user.errors, :status => :unprocessable_entity }
  end
   end
end

但它不起作用。 如何获取数据并将其存储在数据库中。我的意思是如何将每个元素放入不同的列？

Answer 1

最佳实践

首先您应该在 else 语句中响应 json，因为如果无法保存 Table1，您将得到一个不合适的 406（不可接受）响应代码。 422（不可处理的实体）是合适的。

format.json  { render :json => @user.errors, :status => :unprocessable_entity }

解决方案

那我认为错误在下面的语句中

params[:table1]

1.如果您的数据按照您所说的那样发送，您可以这样做

@table1= Table1.new(:title => params[:title], :url => params[:url])

2.如果你想编写干净的代码，你应该以这种方式发送数据

table1: {
  title: "Title of text",
  url: "Url of text"
}

通过将数据包装在 table1 中，您无需进行任何更改。

Answer 2

由于问这个问题已经很长时间了，我想我的回答对作者没有帮助，但我希望我能帮助其他有类似问题的人。

我基本上替换了这段代码：

@table1= Table1.new(:title => params[:title], :url => params[:url])

有了这个

@table1= Table1.new(params[:table1])

使用带有 Firebug 的 Firefox（调试客户端/javascript）和这个 RailCast（调试 RoR）帮助我调试并在我的代码中找到错误： http://railscasts.com/episodes/54-debugging-ruby-revised?view=asciicast

此链接也可能有帮助： Advanced Ajax with RoR and jQuery UI

Answer 3

由于您将 AJAX POST 数据作为包装在键 table1 下的对象传递，因此您应该能够在 Rails 控制器的操作中将对象读取为 params[:table1]。你可以修改这一行：

@table1= Table1.new(:title => params[:title], :url => params[:url])

到

@table1= Table1.new(:title => params[:table1][:title]\
                  , :url => params[:table1][:url])

此外，您可以在最后添加一个故障安全条件，以避免 NoMethodError 在 params[:table1] 不可用时发生。

@table1= Table1.new(:title => params[:title], :url => params[:url])\
         if params[:table1]

并进一步修改您的 if 条件

if @table1.save

到

if @table and @table1.save

希望这会有所帮助。 :)