serializeArray 与 serialize

               

serialize()序列表表格内容为字符串,用于 Ajax 请求。

serializeArray()序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。


.serializeArray()

编码一个form元素集合为一个“name属性值/value属性值”的数组。json结构,如:
[  {    name: a    value: 1  },  {    name: b    value: 2  },  {    name: c    value: 3  },  {    name: d    value: 4  },  {    name: e    value: 5  }].serialize()

编码一个form元素集合为有充的字符串。字符串为标准的url编码。如:
a=1&b=2&c=3&d=4&e=5<form>    <!-- 能够被json数组、url字符串据提取数据类型 --> <input type="text" name="a" value="1" id="a" /> <input type="text" name="b" value="2" id="b" /> <input type="hidden" name="c" value="3" id="c" /> <textarea name="d" rows="8" cols="40">4</textarea> <select name="e">            <option value="5" selected="selected">5</option>            <option value="6">6</option>            <option value="7">7</option>   </select>     <input type="checkbox" name="f" value="8" id="f1" checked="checked" />        <input type="checkbox" name="f" value="9" id="f2" />        <input type="radio" name="g" value="10" id="g1"/> <input type="radio" name="g" value="11" checked="checked" id="g2"/>        <input type="password" name="h" maxlength="8" value="h" />    <!-- 不能够被json、url字符串据提取数据类型 -->           <input type="submit" name="i" value="Submit" id="i" />        <input type="button" name="j" value="Click me" οnclick="msg()" />        <input type="file" name="k" /><br />        <input type="reset" value="Reset"  name="l" />        <input type="image" src="/i/eg_submit.jpg" alt="Submit" /></form><p><tt id="results"></tt></p><script>    function showValues() {      var fields = $(":input").serializeArray();      $("#results").empty();      jQuery.each(fields, function(i, field){        $("#results").append(field.value + " ");      });    }    $(":checkbox, :radio").click(showValues);    $("select").change(showValues);    showValues();</script><script>    function showValues() {      var str = $("form").serialize();      $("#results").text(str);    }    $(":checkbox, :radio").click(showValues);    $("select").change(showValues);    showValues();</script>
           

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值