htmxã¨ã¯ä½•ãªã®ã‹ï¼Ÿ ãã®èƒŒæ™¯ã«ã‚ã‚‹æ€æƒ³ã«ã¤ã„㦠- Qiitaã“ã®ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ã¯ãƒ–ラウザーã«æ¬¡ã®ã‚ˆã†ã«æŒ‡ç¤ºã—ã¾ã™ï¼š ユーザーãŒã“ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸã‚‰ã€'/blog'ã«HTTP GETリクエストを発行ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®å†…容をブラウザーã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«èªã¿è¾¼ã¿ã¾ã™ã€‚ ã“れをè¸ã¾ãˆã¦ã€æ¬¡ã®ã‚ˆã†ãªHTMLã®ä¾‹ã‚’考ãˆã¦ã¿ã¾ã—ょã†ï¼š ã“ã‚Œã¯htmxã«æ¬¡ã®ã‚ˆã†ã«æŒ‡ç¤ºã—ã¾ã™ï¼š ユーザーãŒã“ã®ãƒœã‚¿ãƒ³ã‚’クリックã—ãŸã‚‰ã€'/clicked' ã«HTTP POSTリクエストを発行ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®å†…容を使ã£ã¦DOM内ã®id parent-div ã®è¦ç´ ã‚’ç½®ãæ›ãˆã‚‹ã€‚ htmxã¯ã€ãƒã‚¤ãƒ‘ーテã‚ストã¨ã—ã¦ã®HTMLã®æ ¸ã¨ãªã‚‹è€ƒãˆæ–¹ã‚’拡張・一般化ã—ã€è¨€èªžå†…ã§ç›´æŽ¥å¤šãã®å¯èƒ½æ€§ã‚’é–‹ãã¾ã™ï¼š アンカーやフォームã ã‘ã§ãªãã€ã©ã‚“ãªè¦ç´ ã§ã‚‚HTTPリクエストを発行ã§ãるよã†ã«ãªã‚Šã¾ã™ クリックやフォームé€ä¿¡ã ã‘ã§ãªãã€ã©ã®ã‚ˆã†ãªã‚¤ãƒ™ãƒ³ãƒˆã§ã‚‚リクエストをトリガーã§ãるよã†ã«ãªã‚Šã¾ã™ GET ã‚„
ã‚‚ã†jsãªã‚“ã¦ã„らãªã„ï¼ä¸–ç•Œã§æµè¡Œã£ã¦ã„ã‚‹HTMXã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
{{#tags}}- {{label}}
{{/tags}}