如何在 dijit/form/Form 中获取输入

How to obtain inputs within dijit/form/Form?

本文关键字：获取 输入 Form form dijit      更新时间：2023-09-26

我正在使用dijit/form/Form来包含我的输入，然后在尝试提交dijit/form/Form时遇到问题，当我在此表单中有一个提交按钮时，它可以成功提交但重定向到另一个页面（Spring MVC充当服务器端），如果我删除此提交按钮，我不知道如何获取此表单的输入。

如果有任何方法可以让dijit/form/Form获得其输入，以便我可以提交它。

谢谢。

dijit/form/Form包含一些与Dijit表单小部件一起使用的实用程序（dijit/form/TextBox，dijit/form/Select，...）。我不知道你是否在使用这些，但答案与或不使用非常相似。这个想法是将表单序列化为对象并使用 AJAX 调用提交该表单。

使用Dijit表单小部件

如果使用 Dijit 表单小部件，则可以使用表单小部件上的getValues()序列化整个表单。这将为您序列化表单：

xhr.post("mySubmitUrl", {
    data: registry.byId("myForm").getValues()
}).then(function() {
   console.log("Success"); 
});

我还制作了一个JSFiddle来演示这一点。

使用本机表单元素

如果您使用的是本机表单元素，则使用 dijit/form/Form 没有任何优势。若要序列化窗体，可以使用 dojo/dom-form 模块中的函数toObject()。此函数要求您传递表单 DOM 节点。

这意味着您可以传递dijit/form/Form小部件的支配节点，也可以完全跳过这部分，直接访问 DOM 节点。

xhr.post("mySubmitUrl", {
    data: domForm.toObject(registry.byId("myForm").domNode)
}).then(function() {
    console.log("Success"); 
});

可以在此处找到一个示例 JSFiddle。

现在在服务器端（Spring），您只需添加一个将处理该特定请求的方法，例如：

@RequestMapping(value = "mySubmitUrl", method = RequestMethod.POST)
public void doPostForm(@RequestParam("name") String name, @RequestParam("firstname") String firstname) {
    // Do stuff
}

您可以使用 jquery ajax 调用，在数据内部，您可以在 JSON 和成功和错误页面中传递值以检查是否成功，然后根据您的要求加载块，并在超时或其他错误时出错

相关文章：