hx-vars

注意：hx-vars 已被棄用，建議改用 hx-vals，後者預設更安全。

hx-vars 屬性允許您動態地將參數添加到 AJAX 請求中提交的資料。

此屬性的值是以逗號分隔的 name:<expression> 值列表，與 JavaScript 物件字面值的內部語法相同。

  <div hx-get="/example" hx-vars="myVar:computeMyVar()">Get Some HTML, Including A Dynamic Value in the Request</div>

安全考量

• hx-vars 中的運算式是動態計算的，這允許您加入會被執行的 JavaScript 程式碼。請務必小心，絕對不要信任您的運算式中的使用者輸入，因為這可能會導致 跨網站指令碼 (XSS) 漏洞。如果您正在處理使用者輸入（例如查詢字串或使用者產生的內容），請考慮使用 hx-vals，這是一個更安全的替代方案。

注意事項

• hx-vars 是可繼承的，並且可以放置在父元素上。
• 子元素對變數的宣告會覆蓋父元素的宣告。
• 名稱相同的輸入值將被變數宣告覆蓋。