教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 Javascript 表单序列化的实例学习

Javascript 表单序列化的实例学习

发布时间:2015-02-22   编辑:jiaochengji.com
本文介绍下,javascript实现表单序列化的一个例子,学习下javascript表单序列化的操作方法,有需要的朋友可以参考下。

本节内容:
Javascript 表单序列化

序列化:
序列化是将对象状态转换为可保持或传输的格式的过程。
与序列化相对的是反序列化,它将流转换为对象。
这两个过程结合起来,可以轻松地存储和传输数据。

例子:
 

复制代码 代码示例:
//Javascript 表单序列化
function serializeForm(whichForm) 

    var parts = new Array(); 
    var field = null; 
    for (var i = 0, len = whichForm.elements.length; i < len; i++) 
    { 
        field = whichForm.elements[i]; 
        switch (field.type) 
        { 
            case "select-one": 
            case "select-multipe": 
                for (var j = 0, optLen = field.options.length; j < optLen; j++) 
                { 
                    var option = field.options[j]; 
                    if (option.selected) 
                    { 
                        var 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)); 
                    } 
                }  // www.jiaochengji.com
                break; 
            case undefined: 
            case "file": 
            case "submit": 
            case "reset": 
            case "button": 
                break; 
            case "radio": 
            case "checkbox": 
                if (!field.checked) 
                { 
                    break; 
                } 
            default: 
                parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(field.value)); 
        } 
    } 
    return parts.join("&"); 

相关阅读:
JavaScript表单序列化的方法详解

您可能感兴趣的文章:
Js序列化时间的简单示例
python如何安装pickle
Javascript 表单序列化的实例学习
学习php serialize()与unserialize()的用法
Python序列化和反序列化
jquery form表单如何序列化为对象
CSS实例教程:用列表ul制作CSS横向菜单的基础知识
python中怎么把列表转成字符串
使用Golang进行JSON序列化
jQuery 选择表格(table)里的行和列及改变简单样式

[关闭]
~ ~