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>
  • 相关阅读:
    NHibernate中session.update()及session.merge()的区别
    子序列 (All in All,UVa 10340)
    古老的密码 (Ancient Cipher,NEERC 2004,LA 3213)
    例题1 勇者斗恶龙 (The Dragon of Loowater,UVa 11292)
    HDU1869 六度分离
    B. T-primes
    PoJ 1595 PrimeCuts
    poj 3518 Prime Gap
    PKU1988磁铁
    求组合数
  • 原文地址:https://www.cnblogs.com/jinsuo/p/7815036.html
Copyright © 2011-2022 走看看