如何仅将div的可见部分发送到服务器？

Question

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

我可以想到3种方式来做到这一点，同时确保仅在可见的情况下才提交封面文字的收件人部分。

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

哪个听起来是最好的选择？ 还是其他更好的方法呢？

Answer 1

我会选择第二种选择。 第一个问题看起来像是一个过分解决问题的方法，否则可以解决该问题。 良好的经验法则是将请求数保持在尽可能低的水平。 拥有一个更大的请求通常要好于50％的两个（在某些情况下，并行下载/上传可能会更好）。

第三种选择似乎比第二种更为复杂，因此我坚持使用第二种。 您可以使用:visible选择器来获取所有必需的可见html，并且一切都会很好，无需手动添加/删除内容并对其进行跟踪。