十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

如何实现表单序列化及表单序列化操作实例代码

百恒网络 2017-02-21 4930

随着 Ajax的出现,表单序列化已经成为一种常见需求。在 JavaScript中,可 以利用表单字段的 type 属性,连同 name 和 value 属性一起实现对表单的序列化。在编写代码之前, 有必须先搞清楚在表单提交期间,浏览器是怎样将数据发送给服务器的。
        ◎对表单字段的名称和值进行 URL编码,使用和号(&)分隔。 
        ◎不发送禁用的表单字段。
        ◎只发送勾选的复选框和单选按钮。
        ◎不发送 type 为"reset"和"button"的按钮。
        ◎多选选择框中的每个选中的值单独一个条目。
        ◎在单击提交按钮提交表单的情况下,也会发送提交按钮;否则,不发送提交按钮。也包括 type 为"image"的元素。
        ◎Red
             

  • Green

  •              
  • Blue

  •        

           Locations

           
           


           
           



           

                 

           
     



           上面这个 serialize()函数首先定义了一个名为 parts 的数组,用于保存将要创建的字符串的各 个部分。然后,通过 for 循环迭代每个表单字段,并将其保存在 field 变量中。在获得了一个字段的 引用之后,使用 switch 语句检测其 type 属性。序列化过程中麻烦的就是
    400-680-9298,0791-88117053
    扫一扫关注百恒网络微信公众号
    扫一扫打开百恒网络小程序

    欢迎您的光顾,我们将竭诚为您服务×

     
     
     
     
     
     
     
     
    ×