表单序列化

什么是表单序列化尼？

　　1 对表单字段的名称和值进行URL编码，使用和号（&）分隔

　　2 不发送禁用的表单字段

　　3 只发送勾选的复选框和单选按钮

　　4 不发送 type 为 reset 和 button的按钮

　　5 多选按钮每个选中的值单独一个条目

　　6 单击提交按钮提交表单时，会发送提交按钮；否则不发送提交按钮 。也包括前面说过的 type 为 image 的 input 元素。

　　7 select元素的值，就是选中的 option元素的value特性的值。如果option元素没有value特性，则是 option元素的文本值。

 

<select>	select-one
<select multiple>	select-multiple
<button>	submit
<buttom type = button>	button
<button type="reset">	reset
<button type="submit">	submit

　　

function serialize(form){
        var parts = [], field=null,
                i,
                len,
                j,
                optLen,
                option,
                optValue;
        for(i=0;len=selectbox.length,i<len;i++){
            field = selectbox[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));
                            }
                        }
                    }
                    break;
                case undefined://字段集  fieldset
                case "file": //文件输入
                case "submit"://提交按钮
                case "reset": //重置按钮
                case "button": //自定义按钮
                    break;
                case "radio"://单选按钮
                case "checkbox"://复选框
                    if(!field.checked){
                        break;
                    }
                default :
                    if(field.name.length){
                        parts.push(encodeURIComponent(field.name)   +   "=" +   encodeURIComponent(field.value));
                    }
            }
        };
        return parts.join("&");
    }