AJAX 更新 DIV 後如何在伺服端獲取最新內容

問題背景

使用 div.InnerHtml 僅能獲取初始值，AJAX 動態修改 DIV 內容後，伺服端無法直接讀取新值。

解決思路

由於 AJAX 修改僅發生在客戶端 DOM，伺服端無法感知。建議採用以下任一模式：

• 隱藏字段同步：AJAX 更新 DIV 時，同步將新值寫入 <input type="hidden">，表單提交時伺服端讀取隱藏字段。
• 全局 JS 變量暫存：如最佳回答所述，聲明 var currentDivContent = ""，AJAX 回調中賦值，提交前賦給隱藏字段或通過 AJAX 直接發送給伺服端。
• 純 AJAX 交互：放棄傳統表單提交，改用 $.ajax({data: {content: currentDivContent}}) 直接將最新內容發送至伺服端 API。