如何僅將div的可見部分發送到服務器？

Question

我正在創建一個表單，該表單允許用戶選擇電子郵件封面文本模板（div中包含其文本），將電子郵件發送給誰（輸入框）以及其他選項。 當用戶選擇向誰發送電子郵件時，封面文本（包含收件人信息）將使用AJAX更新，以反映該選擇。 如果用戶放入了無效的接收器，則隱藏在顯示接收器的封面文字部分中。 提交表單后，我還希望將封面文本（包含在div中）也發送到服務器。

我可以想到3種方式來做到這一點，同時確保僅在可見的情況下才提交封面文字的收件人部分。

1. 使用AJAX將服務器變量設置為封面文字的可見部分
2. 將隱藏的表單值設置為封面文字的可見部分
3. 實際上添加和減去接收者信息的HTML，而不僅僅是隱藏/顯示它

哪個聽起來是最好的選擇？ 還是其他更好的方法呢？

Answer 1

我會選擇第二種選擇。 第一個問題看起來像是一個過分解決問題的方法，否則可以解決該問題。 良好的經驗法則是將請求數保持在盡可能低的水平。 擁有一個更大的請求通常要好於50％的兩個（在某些情況下，並行下載/上傳可能會更好）。

第三種選擇似乎比第二種更為復雜，因此我堅持使用第二種。 您可以使用:visible選擇器來獲取所有必需的可見html，並且一切都會很好，無需手動添加/刪除內容並對其進行跟蹤。