jQuery 表单数据序列化为json格式

来源:互联网 发布:渡边直美 知乎 编辑:程序博客网 时间:2024/05/22 10:48
jQuery是在web应用中使用的脚本语言之一,因其具有轻量级,易学易用等特点,已广泛应用,其中的ajax封装简化了我们的应用,对其表单数据序列化用如下方法:

1.serialize()方法

  格式:var data = $("#formID").serialize();

  功能:将表单内容序列化成一个字符串。

  这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize()即可。

2.serializeArray()方法

  格式:var jsonData = $("#formID").serializeArray();

  功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

  比如,[{"name":"lihui"},{...}] 获取数据为 jsonData[0].name

3.$.param()方法,可以把json格式数据序列化成字符串形式

      varobj={a:1,b:2}

      vars=$.param(obj);

  会形成a=1&b=2的形式

function addSetting(){//添加var myform = document.getElementById("myFormSave");$.ajax({url:"<%=path%>/save",data: $("form").serialize(),dataType: "json",success:function(data){if(data.success==true){closeBg();alert("添加成功!");window.location="<%=path%>/list";}else{alert("添加失败!");}},});}


0 0
原创粉丝点击