如何发送到服务器只有div的可见部分？

Question

我正在创建一个表单，允许用户选择电子邮件封面文本模板（文本包含在div中），将电子邮件发送到（输入框）的人以及其他选项。当用户选择发送电子邮件的人时，使用AJAX更新封面文本（包含接收者信息）以反映该选择。如果用户放入无效的接收器，则隐藏显示接收器的封面文本部分。提交表单时，我希望将封面文本（包含在div中）发送到服务器。

我可以考虑3种方法来做到这一点，同时确保封面文本的接收器部分只有在可见时才会被提交。

1. 使用AJAX将服务器变量设置为封面文本的可见部分
2. 将隐藏的表单值设置为封面文本的可见部分
3. 实际上添加和减去接收者信息的HTML，不要只是隐藏/显示它

哪一个听起来像是最好的选择？或者是其他方式更好的方法吗？

Answer 1

我会选择第二个选项。对于一个可以解决的问题，第一个似乎是一种过度杀伤力。好的经验法则是将请求数量保持在尽可能低的水平。有一个更大的请求通常优于50％的两个（在某些情况下，并行下载/上传可能会更好）。

第三个选项似乎比第二个选项复杂一点，所以我坚持使用第二个选项。你可以使用:visible选择器获得所有必需的可见html，你会很好，不需要手动添加/删除东西并跟踪它。