Clojure (Hiccup):我怎么知道表单中按下了哪个提交按钮?

sak*_*979 4 forms clojure hiccup

我有一个表格,使用 hiccup 框架。它看起来像这样:

(form-to {:enctype "multipart/form-data"}
  [:post "/add-data"]

  ...

  (submit-button {:class "btn"} "Save")
  (submit-button {:class "btn} "Clone"))
Run Code Online (Sandbox Code Playgroud)

使用 jQuery/javascript 的情况下,如何知道按下了哪个提交按钮?

我查看了 Hiccup 的文档request。但是,该request元素没有很多文档。

Nic*_*zyk 5

一个完整的例子如下所示:

(ns myapp.routes.home
  (:use [hiccup core form])
  (:require [compojure.core :refer :all]))

(defn quick-form [& [name message error]]   
  (html
   (form-to {:enctype "multipart/form-data"}
    [:post "/form-out"]
   (text-field "Hello")
   (submit-button {:class "btn" :name "submit"} "Save")
   (submit-button {:class "btn" :name "submit"} "Clone"))))
Run Code Online (Sandbox Code Playgroud)

请注意,对两个提交按钮使用相同的名称允许您在结果映射中对“提交”键进行简单的查找。

(defroutes home-routes
 (GET "/form-in" [] (quick-form))
 (POST "/form-out" [:as request] (str (request :multipart-params))))
Run Code Online (Sandbox Code Playgroud)

打开以下页面时:

 http://localhost:3000/form-in
Run Code Online (Sandbox Code Playgroud)

并填写表格,POST路由的结果是:

 {"submit" "Save", "Hello" "hello2"}
Run Code Online (Sandbox Code Playgroud)

顺便说一句,我发现了一篇关于在 Compojure 中构建请求映射方式的有用帖子,因此可以更轻松地在 Clojure 代码中对其进行解构。