电脑技术网——专业手机电脑知识平台,关注科技、手机、电脑、智能硬件
JavaScriptASP编程PHP编程Python编程ASP.NET

jQuery序列化form表单数据为JSON对象的发挥作用方法

2020-10-29 17:16:04 出处:[ 菜菜电脑网 ] 人气:次阅读
这篇文章主要参阅了jQuery序列化form表单数据为JSON对象的借助于方法,本文通过实例代码给大家参阅的非常概要,不具一定的详见揉合价值,只能的朋友可以参照下

jquery给予的serialize方法需要借助。

$("#searchForm").serialize();

但是,判读控制器的信息,见到serialize()方法好好的是将表单中的数据以htpp恳请格式组合成成字符串。

serialize可能是并不需要克服一般的草拟数据。但是有时我们能够的是一个object对象,而不是字符串(比如jqgrid reload时设置键入条件参数,就必须object对象)。

方法如下:

(function(window, $) {  $.fn.serializeJson = function() {    var serializeObj = {};    var array = this.serializeArray();    var str = this.serialize();    $(array).each(        function() {          if (serializeObj[this.name]) {            if ($.isArray(serializeObj[this.name])) {              serializeObj[this.name].push(this.value);            } else {              serializeObj[this.name] = [                  serializeObj[this.name], this.value ];            }          } else {            serializeObj[this.name] = this.value;          }        });    return serializeObj;  };})(window, jQuery);

调用:

console.info($("#searchForm").serializeJson());

下面通过一段代码看下jQuery序列化表单为JSON对象

<form id="myform">   <table>     <tr>       <td>姓名:</td>       <td> <input type="text" name="name" /> </td>     </tr>     <tr>       <td>性别:</td>       <td>         <input type="radio" name="sex" value="1"> 男         <input type="radio" name="sex" value="0"> 女       </td>     </tr>     <tr>       <td>年龄:</td>       <td>         <select name="age">           <option value="20">20</option>           <option value="21">21</option>           <option value="22">22</option>         </select>       </td>     </tr>     <tr>       <td>热衷</td>       <td>         <input type="checkbox" value="basketball" name="hobby">篮球         <input type="checkbox" value="volleyball" name="hobby">排球         <input type="checkbox" value="football" name="hobby">足球         <input type="checkbox" value="earth" name="hobby">地球       </td>     </tr>     <tr>       <td colspan="2">         <input type="button" id="ajaxBtn" value="审批" />       </td>     </tr>   </table> </form>  <script type="text/javascript">   $(function() {     $("#ajaxBtn").click(function() {         var params = $("#myform").serializeObject(); //将表单序列化为JSON对象          console.info(params);       })   })   $.fn.serializeObject = function() {     var o = {};     var a = this.serializeArray();     $.each(a, function() {       if (o[this.name]) {         if (!o[this.name].push) {           o[this.name] = [ o[this.name] ];         }         o[this.name].push(this.value || '');       } else {         o[this.name] = this.value || '';       }     });     return o;   } </script>

上述serializeObject方法是将form序列化为JSON对象

总结

以上所述是小编成给大家简述的jQuery序列化form表单数据为JSON对象的借助方法 ,渴望对大家有所希望!

以上就是jQuery序列化form表单数据为JSON对象的解决问题方法的具体内容,更多劝瞩目php中文网其它关的文章!

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
菜菜电脑网 版权所有 联系QQ:173533152