dojo小例子（12）form转换成带内部对象的json数据

我不是女神ヾ 2022-08-27 01:25 150阅读 0赞

假设有这样一个form

我们希望提交时把整个form表单转换为json，同时phone转换为json的内部对象，就是这种格式

{"name":"陈","age":"24","phone":{"company":"123","home":"456","private":"789"}}

这样通过rest方式，可以直接映射json到vo对象中

public class Persion{
    	private String name;
    	private String age;
    	private Map phone = new HashMap();
    }

json到vo的映射是后台部分。页面dojo实现form到json的转换是这样的：

require(["dojo/request/xhr", "dojo/dom-form", "dojo/json"], function(xhr, domForm, JSON) {
    	var val = JSON.stringify(dijit.byId("myform").get('value')); // form到json转换
    	xhr.post("url", {
    		headers: {
    			'Content-Type': 'application/json; charset=UTF-8'
    		},
    		handleAs: "json",
    		data: val // json
    	}).then(function(data) {
    		// sucess
    	}, function(err) {
    		// fail
    	});
    });

需要注意的是，必须用JSON.stringify(dijit.byId("myform").get('value'))这种方式才能转换成想要的json格式。domForm.toJson("myform")或者JSON.stringify(domForm.toObject("myform"))转换出来都是这种结果

{"name":"陈","age":"24","phone.company":"123","phone.home":"456","phone.private":"789"}}