zoukankan      html  css  js  c++  java
  • serialize序列化

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>序列化</title>
    </head>
    <body>
        <form>
      <div><input type="text" name="aa" value="1" id="a" /></div>
      <div><input type="text" name="bb" value="2" id="b" /></div>
      <div><input type="hidden" name="c" value="3" id="c" /></div>
      <div>
        <textarea name="d" rows="8" cols="40">4</textarea>
      </div>
      <div><select name="e">
        <option value="5" selected="selected">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
      </select></div>
      <div>
        <input type="checkbox" name="f" value="8" id="f" />
      </div>
      <div>
        <input type="submit" name="g" value="Submit" id="g" />
      </div>
    </form>
        <ul class="databox"></ul>
    </body>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('form').submit(function() {
              //alert($(this).serialize()); // 返回字符串格式数据
                      // 注释:只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单,则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性。
                  var alldata=$(this).serializeArray();  
                  console.log(alldata);//返回json格式的数据
                  $.each(alldata,function(i,val){
                      $(".databox").append("<li>"+val.name+"</li>");
                  })
                  return false;
            });
        })
    
        
    </script>
    </html>
  • 相关阅读:
    SQL Server分页查询的万能存储过程
    前端相关及一些关键单词
    java shiro面试题
    java集合面试题
    芬芬购物系统基础配置2
    芬芬购物系统基础配置
    多线程安全
    多线程入门
    JAVA多线程
    java多线程
  • 原文地址:https://www.cnblogs.com/jinsuo/p/7815036.html
Copyright © 2011-2022 走看看