Ruby哈希转JSON数组避免格式异常及JS Ajax传JSON至控制器问题

一、Ruby中正确将Hash转换为JSON数组 #

你遇到的方括号被转成"{\"0\":\"...\""的问题，本质是没把Hash真正放进数组对象里——大概率是误把单个Hash用Hash模拟成了数组结构（比如用0当键名存Hash），转JSON自然会得到带索引键的对象，而非标准数组。

正确做法： #

• 单个Hash转JSON数组：直接把Hash塞进数组再调用to_json

  single_hash = { type: "text", options: { subSection1: "Text style" } }
  json_array = [single_hash].to_json
  # 输出：[{"type":"text","options":{"subSection1":"Text style"}}]
  

• 多个Hash转JSON数组：直接组成数组后转换

  multiple_hashes = [
    { type: "text", options: { size: 16 } },
    { type: "image", options: { src: "logo.png" } }
  ]
  json_array = multiple_hashes.to_json
  # 输出标准JSON数组格式
  

• 从请求参数等来源获取的Hash，手动包装成数组：

  # 假设params[:element]是单个Hash
  array_data = [params[:element]]
  json_output = array_data.to_json
  

避坑提醒： #

别用Hash[0 => my_hash]这种方式模拟数组，这种结构转JSON必然生成带索引键的对象，永远出不来标准数组格式。

二、JavaScript通过Ajax向Ruby控制器发送JSON数据 #

你的当前代码默认会把数据编码成application/x-www-form-urlencoded格式，而非JSON——这会导致你示例中那种复杂嵌套的elements数组被拆成扁平键值对，控制器拿到的结构会完全不符合预期。需要调整以下几点：

修改后的Ajax代码： #

$.ajax({ 
  url: "/email_templates/create_email", 
  type: "POST", 
  contentType: "application/json", // 告诉服务器请求体是JSON格式
  data: JSON.stringify({ email: email, mjml: mjml }), // 将数据转为JSON字符串
  success: function(resp) { 
    // 这里写成功后的逻辑
  }, 
  error: function(resp) { 
    console.log('There was an error, please contact support.') 
  }, 
});

Ruby控制器的处理方式： #

在Rails控制器中，有两种获取JSON数据的方式：

1. 自动解析（推荐，Rails 5+默认支持）：
   只要请求的contentType设为application/json，Rails会自动把请求体解析到params对象里，直接用就行：

   def create_email
     user_email = params[:email]
     mjml_content = params[:mjml] # 这里拿到的是完整嵌套结构，比如包含elements数组
   
     # 后续处理逻辑，比如保存到数据库
   end
   

2. 手动解析（自动解析不生效时用）：
   如果控制器没自动解析，手动读取请求体并解析：

   def create_email
     request_body = JSON.parse(request.body.read)
     user_email = request_body["email"]
     mjml_content = request_body["mjml"]
   
     # 后续处理逻辑
   end
   

注意事项： #

• 确保Rails路由正确配置了POST /email_templates/create_email，指向对应的控制器动作。
• 如果mjml数据体积较大，要确认Rails的请求体大小限制足够（可在config/application.rb中调整相关配置）。

内容的提问来源于stack exchange，提问作者ricks