将Form表单转换为JSON格式

/**********************************
 *
 * 发送短信的JS
 *
 **********************************/
(function($) {

    $.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;
    };
    $.fn.formSubmit = function(opts) {
        var defaults = {

        }
        var opts = $.extend(defaults, opts);
        var $btn=$(this).find("input[type=‘button‘]");
        var form=$(this);
        $btn.bind("click",function(){
            var json = form.serializeObject();
            alert(JSON.stringify(json));
        });

    }
})(jQuery);

代码依赖JQuery,效果如:

时间: 2024-09-28 01:10:33

将Form表单转换为JSON格式的相关文章

form表单转换为json格式,支持数组

$.fn.serializeObject = function () { var keyValues = this.serializeArray(); var pattern=/\[(\d+)\]/; var filter_keys = [], normal_keys = keyValues.filter(function (v, i) { if (~v.name.indexOf('.')||~pattern.test(v.name)) { filter_keys.push(v); return

form表单转换为Json字符串数据

https://github.com/marioizquierdo/jquery.serializeJSON 效果图 加载使用 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"></script>

form表单转化json对象

利用 $.fn 可以让每一个jquery 对象都能直接使用这个方法. //form表单转化json对象$.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].pus

javascript-js将form表单序列化[json字符串、数组、对象]

1.序列化为字符串 $("#Form").serialize();//name=zhangsan&sex=1&age=20   2.序列化为数组 $("#form").serializeArray();//[Object, Object, Object] 3.序列化为对象 function getFormJson(form) { var o = {}; var a = $(form).serializeArray(); $.each(a, funct

JQuery扩展方法实现Form表单与Json互相转换

1.把表单转换出json对象 //把表单转换出json对象 $.fn.toJson = function () { var self = this, json = {}, push_counters = {}, patterns = { "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/, "key": /[a-zA-Z0-9_]+|(?=\[\])/g, "push&qu

layui form表单自定义sm格式

1. 新建以下sm样式,保存为layform_sm.css文件名,然后导入到layui.css的后面. .layui-input-sm,.layui-select-sm,.layui-textarea-sm { width:100px; height:25px; line-height:1; border-width:1px; border-style:solid; background-color:#fff; border-radius:2px; border-color:#e6e6e6; p

easyui form表单提交标准格式

$("#temForm").form('submit', { url: '', queryParams: {}, cache: false, type: 'POST', dataType: 'json', beforeSubmit: function () { return $(this).form('validate'); }, success: function (data, status) { } });

ajax无刷新方式对form表单进行赋值!

/** * 把json数据填充到from表单中 */ <form id="editForm" action="user.php"> 用户名:<input type="text" name="usrname" /><br/> 地址:<input type="text" name="address" /><br/> 性别:<i

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

在web开发过程中,经常遇到将form序列化不能格式的字符串提交到后台,下面就介绍怎样将form表单序列化为json字符串. 首先,是扩展的jquery序列化插件,依赖jquery.经测试,这段代码可以放在$(funciton(){})中,也可以放在外面,都可以实现效果. $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.