hx-vars

注: hx-vars はデフォルトで安全な hx-vals に置き換えられています。

hx-vars 属性を使用すると、AJAX リクエストで送信するパラメータに動的に追加できます。

この属性の値は、name:<式> 値のコンマ区切りリストで、オブジェクトリテラル の内部構文と同じです。

  <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 は継承され、親要素に配置できます。
• 変数の子の宣言は、親の宣言を上書きします。
• 同じ名前の入力値は、変数の宣言によって上書きされます。