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查询以及带条件查询
  • 热门搜索
    环境保护手抄报内容 学会感恩手抄报图片 感恩励志红五月手抄报 生活处处有语文手抄报 有关于植树节的手抄报 英语节日手抄报图片 手抄报版图 低碳环保我先行手抄报 生活中的小窍门手抄报 书的手抄报