ajax如何获取form数据

最新推荐文章于 2024-05-04 18:50:28 发布

原创最新推荐文章于 2024-05-04 18:50:28 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

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