ajax如何获取form数据

ajax异步处理数据时,获取表单中数据的方法

1、$("form").serialize(); //生成字符串

serialize()方法是通过序列化表单的值,创建URL编码文本字符串(即形成GET传值得方式)

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div>
    <textarea name="b" rows="1" cols="40">1</textarea>
  </div>
  <div><select name="c">
    <option value="2" selected="selected">2</option>
    <option value="3">6</option>
    <option value="4">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="d" value="5" id="f" />
  </div>
  <div>
    <input type="submit" value="Submit"  name='e'/> //不包含
  </div>
</form>

输出结果为:a=1&b=1&c=2&d=5

2、$("form").serializeArray() //返回的是JSON数据结构数据

注意:该方法返回的是JSON对象而非JSON字符串

[

   {

         name :a

         value:1

     },{

         name :b

         value:1

     },{

         name :c

         value:1

     },

{

         name :a

         value:2

     },{

         name :d

         value:5

     },

]

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值