码迷,mamicode.com
首页 > 其他好文 > 详细

serialize序列化

时间:2017-11-10 16:56:03      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:col   hidden   提交   ons   cti   返回   array   serialize   his   

<!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>

 

serialize序列化

标签:col   hidden   提交   ons   cti   返回   array   serialize   his   

原文地址:http://www.cnblogs.com/jinsuo/p/7815036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!