通过AJAX POST请求发送JSON对象到Rails控制器

时间:2015-07-20 13:35:48

标签: jquery ruby-on-rails json ruby ajax

我认为这很简单,因为我经常使用AJAX通过DOM中存在的实际表单来更新模型,但是当尝试发送JSON对象时,我遇到了试图让它工作的问题。

我知道有很多类似的问题,但似乎没有什么具体的JavaScript应该是什么以及控制器应该如何解析请求,我已经尝试了我能想到的每一个变化,但我仍然可以& #39; t从请求中检索数据。

JS

var form_data = JSON.stringify(quote);

$.ajax({
    url: '/quotes/save_draft',
    data: { params: form_data },
    type: 'POST',
    contentType: 'application/json',
    cache: false,
    success: function(data) {

    },
    error: function() {

    }
});

对于我尝试过的data属性

data: { params: form_data },
data: form_data,
data: quote,

Rails控制器

RAILS_DEFAULT_LOGGER.info params.inspect
RAILS_DEFAULT_LOGGER.info params[:_json].inspect

但我仍然无法获得原始JSON对象的属性以便成功打印,例如RAILS_DEFAULT_LOGGER.info params[:_json][:params][:payment_term][:params]是JSON对象的顶级属性。

RAILS_DEFAULT_LOGGER.info params[:_json][:params][:payment_term]的输出看起来像是一个url编码的字符串,而不是一个JSON对象,但如果我尝试使用JSON.parse(params[:_json]),我只会收到TypeError (can't convert String into Integer)的错误。

有什么想法吗?我知道它必须是我上面所做的一些组合,我确定我已经尝试过所有这些,但我不能拥有,或者我尝试了一些完全不相关的东西。

完整控制器

def save_draft
  if request.post?
    RAILS_DEFAULT_LOGGER.info "\n\n"
    RAILS_DEFAULT_LOGGER.info params
    RAILS_DEFAULT_LOGGER.info params[:_json]
    RAILS_DEFAULT_LOGGER.info params[:_json][:form_data]
    RAILS_DEFAULT_LOGGER.info params[:_json][:form_data][:payment_term]
    RAILS_DEFAULT_LOGGER.info "\n\n"

    render :text => '1'
  else
    render :text => '0'
  end
end

当前的错误与RAILS_DEFAULT_LOGGER.info params[:_json][:form_data]行有关,因为nil对象而导致无方法错误。

这是RAILS_DEFAULT_LOGGER.info params.inspect

的输出
{"action"=>"save_draft", "_json"=>"form_data=%7B%22line_items%22%3A%5B%7B%22contract_term%22%3A12%2C%22product%22%3A%222-Pair+EFM+off-net%22%2C%22site%22%3Anull%2C%22quantity%22%3A1%2C%22setup_cost_each%22%3A1500%2C%22setup_cost%22%3A1500%2C%22rental_cost_each%22%3A240%2C%22rental_cost%22%3A240%2C%22is_ad_hoc%22%3Afalse%2C%22default_setup%22%3A1500%2C%22default_rental%22%3A240%2C%22default_contract%22%3A12%2C%22fixed_initial_cost%22%3Afalse%2C%22price_list_item_id%22%3A194%2C%22info%22%3A%22Provides+up+to+10Mb%2Fs+of+symmetric+Ethernet+connectivity+with+a+6-hour+fix+SLA.%22%7D%5D%2C%22partner_id%22%3A125%2C%22raised_by%22%3A940%2C%22approval_required%22%3A0%2C%22payment_term%22%3A%22Monthly%22%2C%22message%22%3A%22%22%2C%22scope_of_work%22%3A%22%22%2C%22internal_message%22%3A%22%22%2C%22partner_ref%22%3A%22%22%2C%22ccs%22%3A%22%22%2C%22project_requires_coordination%22%3A0%7D", "controller"=>"quotes"}

1 个答案:

答案 0 :(得分:2)

试试这个

$.ajax({
    url: '/quotes/save_draft',
    data: quote,
    type: 'POST',
    cache: false,
    success: function(data) {
      #your call 
    },
    error: function() {
      #show error
    }
});