深入分析dwr中的DWRUtil.getValues

当你需要通过dwr完成类似提交form的操作，了解DWRUtil.getValues是必须的
/**
* Given a map, call getValue() for all the entries in the map using the entry key as an element id.
* Given a string or element that refers to a form, create an object from the elements of the form.
* @see http://getahead.ltd.uk/dwr/browser/util/getvalues
*/
DWRUtil.getValues = function(data) {

//定义ele变量，
var ele;
//如果ele是一个字符串通过 $函数转化一下，$函数的使用见我的上个帖子 深入分析dwr中的DWRUtil.$
if (typeof data == "string") ele = $(data);
//如果ele是个HTML元素对象，通常应该是一个form对象
if (DWRUtil._isHTMLElement(data)) ele = data;

if (ele != null) {
//如果ele不是form对象，返回，只有form对象才有elements 属性
if (ele.elements == null) {
alert("getValues() requires an object or reference to a form element.");
return null;
}
//定义一个空对象reply
var reply = {};
//定义一个对象放key
var value;
//遍历form,将表单key-value放入reply，忽略<input type="image"/>
for (var i = 0; i < ele.elements.length; i++) {
if (ele[i].id != null) value = ele[i].id;
else if (ele[i].value != null) value = ele[i].value;
else value = "element" + i;
reply[value] = DWRUtil.getValue(ele[i]);
}
return reply;
}

//如果传入的参数对象不是表单对象，通常应该是与领域对象对应js对象
else {
//遍历对象属性，将与属性对应的页面元素值拷到js对象中
for (var property in data) {
// Are there any elements with that id or name
if ($(property) != null || document.getElementsByName(property).length >= 1) {
data[property] = DWRUtil.getValue(property);
}
}
return data;
}
};

总结
1）如果你需要使用ajax完成表单提交的操作，那么你应该使用DWRUtil.getValues，参数或者是个form对象，或者是个与领域对象对应的js对象
2）应该看到第二种用法的局限性，如果存在多个相同的表单或者是个复合的js对象，那么第二种用法是不合适的
3）第一种用法看似复杂，但更具灵活性
到底改如何选择取决于具体的应用