关于 构建复杂结构的params[借用swingliner的文章]

RHTML代码:
名字:

电话:

电话:

地址:

名字:

电话:

电话:

地址:

当填写上面8行input文本框的值为下列值时:
name1
phone11
phone12
address1
name2
phone21
phone22
address2

rails把参数构造成:
Parameters: {"commit"=>"submit",
"person"=>[{"name"=>"name1",
"phone"=>[{"item"=>"phone11"}],
"address"=>"address1"},
{"name"=>"name2",
"phone"=>[{"item"=>"phone12"}],
"address"=>"address2"},
{"phone"=>[{"item"=>"phone21"}]},
{"phone"=>[{"item"=>"phone22"}]}
]
}

但我希望的是:
Parameters: {"commit"=>"submit",
"person"=>[{"name"=>"name1",
"phone"=>[{"item"=>"phone11"},{"item"=>"phone12"}],
"address"=>"address1"},
{"name"=>"name2",
"phone"=>[{"item"=>"phone21"},{"item"=>"phone22"}],
"address"=>"address2"}
]
}
我应该怎样写文本框中的name,才能让rails构造出我想要的合适结构的参数?
谢谢!

test.png
 描述: 
 文件大小: 2 KB
 看过的: 文件被下载或查看 0 次

test.png
上面是在swingline中的一个问题,刚好我也在找这个问题,刚学所以对于这个问题rails是怎么来处理的,有些奇怪
找了一些资料,相对来说比较少,在new中好像可以通过他建数组来决定这里面这个对像的值,但我试了一下,总感有些问题,后面发现可以这样子处理

ava 代码

        "new_items[][item_id]" type="text" value="1" /> "new_items[][oper_id]" type="text" value="4" /> "new_items[][quant]" type="text" value="1" />        "new_items[][item_id]" type="text" value="1" /> "new_items[][oper_id]" type="text" value="4" /> "new_items[][quant]" type="text" value="1" />               
当form是上面这种形式命令的时候我们得到的参数会是如下形式

"new_items"=>[

{

"item_id"=>"1", "oper_id"=>"4", "quant"=>"1"

}, {

"item_id"=>"1", "oper_id"=>"4", "quant"=>"1"

}

]

看起来好像是一个hash,实际上也是,看起来好像就可以解决上面的问题了,用rails的标签,我们只要能生成符合上面的标签 就可以了

当然你可以让这些重复的代码自动化只要在你的

controller中的new代码中增加下面这段代码

     @phones= Array.new
    3.times do
      @phones<< Phone.new
     end

然后在你的视图上加上

java 代码
  1. <br />   
  2.  <% @phones.each do |phone| %>   
  3.    <%= text_field_tag ("phone[][tel]""""size" => "5") %>   
  4.    <%= text_field_tag ("phone[][mobile]""""size" => "5") %>   
  5.    <%= text_field_tag ("phone[][home]""""size" => "5") %>   
  6.    <br />   
  7.    ------------------------------------------   
  8.    <br />   
  9.   <% end %>  

   

 

或者更直接一点

 如果有更好的办法一定要给我留言,

 

### 路由跳转中传递复杂数据时,使用 `query` 和 `params` 的对比与选择 在 Vue Router 中,当需要在路由跳转时传递复杂数据(如对象或数组)时,`query` 和 `params` 是两种常用的方式。它们各有特点,在适用场景和行为上存在显著差异。 #### 1. `query` 传参方式 通过 `query` 传递参数时,参数会以键值对的形式附加在 URL 后面,例如 `/detail?id=123&a=1`。这种方式适合传递简单的字符串或数字类型的数据[^4]。如果希望传递更复杂的数据结构,可以先将对象序列化为 JSON 字符串: ```javascript this.$router.push({ path: '/member', query: { phone: JSON.stringify(selectTable.phone) } }); ``` 在目标组件中可以通过 `$route.query.phone` 获取该字符串,并使用 `JSON.parse()` 进行反序列化以还原原始对象: ```javascript mounted() { console.log("mounted", JSON.parse(this.$route.query.phone)); } ``` **优点:** - 参数可见性高,便于调试和分享。 - 页面刷新后参数依然保留。 **缺点:** - URL 变得冗长且不易读。 - 需要手动处理序列化/反序列化操作。 #### 2. `params` 传参方式 `params` 主要用于定义动态路由参数,例如在路由配置中设置 `path: '/user/:id'`,然后通过命名路由传递参数: ```javascript this.$router.push({ name: 'user', params: { id: 123 } }); ``` 在目标组件中可以直接通过 `$route.params.id` 获取参数值[^3]。 对于非路径参数的复杂数据,`params` 也可以传递,但需要注意的是,这种形式下的参数不会显示在 URL 中,且页面刷新后这些参数将会丢失。因此,不适合用于持久化数据传递。 **优点:** - 参数不暴露在 URL 上,更加简洁美观。 - 支持动态路由匹配,适用于 RESTful 风格的 URL 设计。 **缺点:** - 刷新页面会导致非路径参数丢失。 - 不适合传递大量或复杂结构的数据。 #### 3. 推荐方式及注意事项 根据实际需求选择合适的方式进行参数传递: - 如果需要保证页面刷新后参数仍然有效,或者希望用户能够复制链接并保留状态,则推荐使用 `query` 方式,并结合 `JSON.stringify` 和 `JSON.parse` 来处理复杂数据[^1]。 - 对于仅需单次传递、无需持久化的复杂数据,可以选择 `params`,但要注意避免依赖其保存重要信息。 - 在某些情况下,还可以考虑使用 Vuex 等状态管理工具来共享组件间的数据,从而绕过路由传参的限制[^2]。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值