hx-headers

hx-headers 属性により、AJAX リクエストで送信されるヘッダーに追加できます。

デフォルトでは、この属性の値は JSON (JavaScript Object Notation) 形式の、名前表現値のリストです。

hx-headers に指定された値を 評価 させる場合は、値に javascript: または js: のプレフィックスを付けることができます。

  <div hx-get="/example" hx-headers='{"myHeader": "My Value"}'>Get Some HTML, Including A Custom Header in the Request</div>

セキュリティ上の考慮事項

• デフォルトでは、hx-headers の値は有効な JSON でなければなりません。動的に計算される わけではありません。javascript: プレフィックスを使用する場合は、セキュリティ上の考慮事項が発生することに注意してください。特に、クエリ文字列やユーザー生成コンテンツなどのユーザー入力に対処する場合は、クロスサイトスクリプティング (XSS) の脆弱性が発生する可能性があります。

メモ

• hx-headers は継承され、親要素に配置できます。
• ヘッダーの子の宣言は親の宣言よりも優先されます。