jquery获取form表单数据的方法

 时间:2024-10-12 07:54:36

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);// 转化为jsonreturn 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查询以及带条件查询
  • 热门搜索
    宫颈纳囊怎么治疗 论文创新点怎么写 一岁宝宝拉肚子怎么办 中药怎么熬 端午节怎么画 植美村化妆品怎么样 明天的天气怎么样 面瘫怎么治疗 小孩脾胃虚弱怎么调理 啤酒肚怎么瘦下来