param()、serialize() 和serializeArray()区别

1、param():创建数组或对象的序列化表示形式,序列化的值可在生成ajax请求时用于url查询字符串中.
语法:$.param(object);

eg: var obj = {}; 或者 var obj = new Object();
obj.name = "dsy";
obj.age = 25;
obj.address = "jiangxi";
obj.email = "9843938@qq.com";
console.log($.param(obj)) 
//结果:name=dsy&age=25&address=jiangxi&email=9843938%40qq.com



2、serialize():通过序列化表单值来创建url编码文本字符串,可以选择一个或多个表单元素,或表单元素本身,序列化的值可在生成ajax请求时用于url查询字符串中.
语法:$(selector).serialize();

eg:
 <form>
 <div><input type="text" name="a" value="1" id="a" /></div>
 <div><input type="text" name="b" 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>
   $(function(){
     var formArray = $("form").serialize();
        console.log(formArray);
//结果:a=1&b=2&c=3&d=4&e=5
        var formArray = $("input[type='text']").serialize();
        console.log(formArray);
//结果:a=1&b=2
   });

3、serializeArray():通过序列化表单值来创建对象(name 和 value)的数组。可以选择一个或多个表单元素(如输入和/或文本区),或表单元素本身.
语法:$(selector).serializeArray();此方法返回的json对象而非json字符串



eg:
    html:参考上面2中
    var formArray = $("input[type='text']").serializeArray();
      console.log(formArray);
//结果:
[
  {
    name: a
    value: 1
  },
  {
    name: b
    value: 2
  }
]


































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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值