1、前言

在Web开发中，form表单的相关操作随处可见。例如用户注册功能，系统会获取用户名、密码、邮箱等数据，然后将它们传递到后台实现注册功能。这一过程涉及到form表单数据的获取。下面就来介绍一下Dojo中form表单的相关操作。

2、dojo/dom-form模块

Dojo中的dojo/dom-form模块可以实现form表单的获取。主要包含toObject、toQuery、toJson三个方法。

2.1、toObject

toObject方法可将form表单数据解析为一个对象，该方法只需要将form的id传入即可，代码如下：

橘子橘子
男女
上海杭州南京

运行结果如下所示：

admin
12345
橘子
男
上海

2.2、toQuery

toQuery方法可以将form表单解析为get模式下的url后缀字符串，代码如下：

橘子橘子
男女
上海杭州南京

运行结果如下所示：

text1=admin&text2=12345&fruit=%E6%A9%98%E5%AD%90&gender=%E7%94%B7&city=%E4%B8%8A%E6%B5%B7

上面的运行结果产生乱码，原因是包含中文，我们可以使用decodeURIComponent方法进行解码，代码如下：

橘子橘子
男女
上海杭州南京

运行结果如下所示：

text1=admin&text2=12345&fruit=橘子&gender=男&city=上海

2.3、toJson

toJson方法可以将form表单解析为JSON字符串，我们可以调用JSON.parse方法将其反序列化为JSON对象，代码如下：

橘子橘子
男女
上海杭州南京

运行结果如下所示：

admin
12345
橘子
男
上海

3、结语

本文主要介绍了Dojo中form表单的相关操作，利用dojo/dom-form中的toObject、toQuery、toJson方法可轻松获取表单值，相比dom.byId方法需要一个一个获取，dojo/dom-form模块中的方法更加简洁高效。