ajax处理表单函数（序列化函数）

最新推荐文章于 2025-05-16 10:53:49 发布

原创最新推荐文章于 2025-05-16 10:53:49 发布 · 507 阅读

0 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种用于将HTML表单元素序列化为URL参数字符串的方法。该方法能够处理多种类型的表单字段，包括单选框、复选框、下拉菜单等，并排除了不带名称或不需要序列化的字段类型，如文件输入、提交按钮等。

function serialize(form){        
            var parts = [],
                field = null,
                i,
                len,
                j,
                optLen,
                option,
                optValue;
            
            for (i=0, len=form.elements.length; i < len; i++){
                field = form.elements[i];
            
                switch(field.type){
                    case "select-one":
                    case "select-multiple":
                    
                        if (field.name.length){
                            for (j=0, optLen = field.options.length; j < optLen; j++){
                                option = field.options[j];
                                if (option.selected){
                                    optValue = "";
                                    if (option.hasAttribute){
                                        optValue = (option.hasAttribute("value") ? option.value : option.text);
                                    } else {
                                        optValue = (option.attributes["value"].specified ? option.value : option.text);
                                    }
                                    //parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(optValue));
									parts.push(field.name + "=" + optValue);
                                }
                            }
                        }
                        break;
                        
                    case undefined:     //fieldset
                    case "file":        //file input
                    case "submit":      //submit button
                    case "reset":       //reset button
                   //case "button":      //custom button
                        break;
                        
                    case "radio":       //radio button
                    case "checkbox":    //checkbox
                        if (!field.checked){
                            break;
                        }
                        /* falls through */
                                    
                    default:
                        //don't include form fields without names
                        if (field.name.length){
                           // parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(field.value));
						   parts.push(field.name + "=" + field.value);
                        }
                }
            }        
            return parts.join("&");
        }