zoukankan      html  css  js  c++  java
  • 表单序列化

    1.serialize()方法

      格式:var data = $("form").serialize();

      功能:将表单内容序列化成一个字符串。

      这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。

    2.serializeArray()方法

      格式:var jsonData = $("form").serializeArray();

      功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

      比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name

    <!DOCTYPE html>
    <html>
    
    <head>
    <meta charset="UTF-8">
    <script src="js/jquery-1.10.1.min.js"></script>
    <title></title>
    <style>
    
    </style>
    </head>
    
    <body>
    <form action="">
    First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="text" name="LastName" value="Gates" /><br /> select:
    <select name="sel">
    <option>ppp</option>
    <option checked="checked">aaa</option>
    </select>
    <input type="radio" name="radio" value="radio1" checked="checked" /> 单选
    </form>
    
    <button>序列化表单值</button>
    <div></div>
    </body>
    
    </html>
    <script type="text/javascript">
    $(document).ready(function() {
    $("button").click(function() {
    $("div").text($("form").serialize());
    });
    });
    </script>
     
    <<愿你被这世界温柔以待...>>
  • 相关阅读:
    学生管理系统
    Selenium元素定位的30种方式
    python-- 多进程
    python 多线程的实现
    python 节省内存的for循环技巧
    python 生成器
    python 字符串编码检测
    opencv-python 图片的几何变换
    opencv-python --图像处理
    目标检测
  • 原文地址:https://www.cnblogs.com/NotePad-chen/p/7358142.html
Copyright © 2011-2022 走看看