jquery获取form表单数据的方法

 时间:2026-02-14 00:34:52

1、搜索查询时,将搜索条件单独放入form表单中,利用jquery获取表单中全部的内容,利用jquery自身的方法serialize()将其转换为字符串然后将字符串转换为json对象

jquery获取form表单数据的方法

2、<body id="form"><form action="">First name: <input type="text" name="fn" value="Bill" /><br />Last name: <input type="text" name="la" value="Gates" /><br /><input name="a" type="radio" value="1" />1<input name="a" type="radio" value="2" />2<input name="a" type="radio" value="3" />3<input name="a" type="radio" value="4" />4

jquery获取form表单数据的方法

3、<input name="b" type="checkbox" value="11"/>11<input name="b" type="checkbox" value="22"/>22<input name="b" type="checkbox" value="33"/>33<input name="b" type="checkbox" value="44"/>44</form>

<button>序列化表单值</button><div></div></body></html>

jquery获取form表单数据的方法

4、此方法可以很方便的接收到前端的数据,

function changeAjaxFormData(formObj){ var data=formObj.serialize(); data= decodeURIComponent(data,true);// 防止中文乱码 var json=formToJson(data);// 转化为json return JSON.parse(json);}

jquery获取form表单数据的方法

5、function formToJson(data) {    data=data.replace(/&/g,"\",\"").replace(/=/g,"\":\"").replace(/\+/g," ").replace(/[\r\n]/g,"<br>");    data="{\""+data+"\"}";    return data;}

jquery获取form表单数据的方法

6、$('#btn').click(function(){  formJson = changeAjaxFormData($('#searchForm')); $('#table').jqGrid("setGridParam",{postData:formJson});    $('#table').jqGrid("setGridParam",{page:1});   $('#table').jqGrid("setGridParam",{url: url}).trigger("reloadGrid");    

})

jquery获取form表单数据的方法

  • jquery怎么获取style里面的属性值
  • dbvisualizerSQL语句如何自动提示
  • Intellij idea 中的Darcula主题怎么把颜色改回来
  • 如何在js里设置元素为浮动属性
  • 如何利用SQL Server 2012查询以及带条件查询
  • 热门搜索
    凤凰城旅游攻略 杭州旅游团 旅游网页设计 新加坡旅游注意事项 峨眉山旅游价格 北京旅游风景区 锦绣潇湘旅游卡 国外旅游价格 八爪鱼在线旅游 中国旅游网站