Send an HTMX POST request to your API and handle JSON responses with an official or custom HTMX extension. We recently added a bunch of new framework examples, and particularly …

2020年6月2日 · Htmx is a javascript library that "allows you to access AJAX, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext."

2024年4月8日 · So, let’s look at how we can send data in JSON format using a JSON object. Instead of wrapping our data items in a form tag this time we use a special HTMX tag, hx-vals , on the requesting element to load our JSON object as the payload of the request.

2012年1月9日 · This extension encodes parameters in JSON format instead of url format.

2024年10月6日 · HTMX 实现了一种与传统 AJAX 框架不同的激进方式。 它们要求你开发一个接受和返回 JSON 的 HTTP API。 而在 HTMX 中，你返回 HTML 片段，这些片段用以替换你配置的 DOM 元素。 因此，你既不需要编写 JavaScript，也不需要处理 JSON 和序列化实体。 设计组件

2020年6月1日 · Htmx is a javascript library that "allows you to access AJAX, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext." In a former post I thought it was fun to compare Alpine.js to Vue.js and showed how similar their approaches are.

This is a sample code that uses htmx to post the response from the JSON API as html. html around rendering is done using nunjucks syntax.

2025年1月18日 · htmx 允许你使用属性直接在 HTML 中访问 AJAX、CSS 过渡、WebSockets 和服务器发送事件，因此你可以构建具有超文本的简单性和强大功能的现代用户界面。 HTX体积小（~14k min.gz'd），无依赖性，可扩展，兼容IE11，并且与React相比，代码库大小减少了67%

Use the Submit JSON API to wire up a contact us form submission notification using HTMX

htmx 允许你使用属性直接在 HTML 中访问 AJAX、CSS 过渡、WebSockets 和服务器发送事件，因此你可以构建具有超文本的简单性和强大功能的现代用户界面。 HTX体积小（~14k min.gz'd），无依赖性，可扩展，兼容IE11，并且与React相比，代码库大小减少了67%