jQuery 表单序列化JSON数据

﹏ヽ暗。殇╰゛Y 2022-04-27 16:54 237阅读 0赞

在线体验：[http://www.jq22.com/jquery-info18675][http_www.jq22.com_jquery-info18675]

源码如下：

/* jQuery类级别插件扩展 */
    /*
     * obj：jQ表单对象
    */
    ;$.extend({
        serializeJSON: function(obj) {
            var formArr = obj.serializeArray();
            var formObj = new Object();
            $.each(formArr, function() {
                if (formObj[this.name]) {
                    if (!formObj[this.name].push) {
                        formObj[this.name] = [formObj[this.name]];
                    }
                    formObj[this.name].push(this.value || '');
                    } else {
                        formObj[this.name] = this.value || '';
                }
            });
            return formObj;
        }
    });

使用方式：

var loginData=$.serializeJSON($("#loginForm"));    // 返回表单JSON数据

> 作者：[黄河爱浪][Link 1] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 微信公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[http_www.jq22.com_jquery-info18675]: http://www.jq22.com/jquery-info18675
[Link 1]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: /images/20220121/db9a568e97b34a6e9a3373d55c4a18f8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery 序列化表单serializeObject及注意事项

/** * 使用场景：ajax提交表单数据 */ /* <form> <input type="text" name="username" value="1...

蔚落/ 2024年04月19日 09:10/ 0 赞/ 69 阅读

相关 SpringMVC接受json参数和jquery表单序列化

html代码 <form id="myform"> user:<input type="text" name="username"><br>

淩亂°似流年/ 2023年05月31日 12:11/ 0 赞/ 1 阅读

相关使用Jquery serialize序列化Form表单

HTML代码 <form> <div class="login-screen"> <div class="login-form">

﹏ヽ暗。殇╰゛Y/ 2022年07月30日 14:27/ 0 赞/ 269 阅读

相关 jquery序列化表单并ajax提交

1.准备好form表单 <form method="post"> <input type="text" name="username"

女爷i/ 2022年07月12日 06:12/ 0 赞/ 365 阅读

相关 jQuery表单序列化为json对象插件

前言：我们在开发web的时候，往往会用到表单的序列化，这里写了一个表单序列化的插件，第一次写可能还不是很好！上一篇转载的文章介绍了如何写jQuery插

川长思鸟来/ 2022年06月15日 04:39/ 0 赞/ 221 阅读

相关 jquery 表单序列化

jQuery序列化表单的方法总结现在这里贴出案例中静态的html网页内容： <!DOCTYPE html> <html lang="zh">

左手的ㄟ右手/ 2022年05月27日 07:39/ 0 赞/ 161 阅读

相关 jQuery 表单序列化JSON数据

在线体验：[http://www.jq22.com/jquery-info18675][http_www.jq22.com_jquery-info18675] 源码如下：

﹏ヽ暗。殇╰゛Y/ 2022年04月27日 16:54/ 0 赞/ 238 阅读

相关 jQuery序列化表单数据 serialize()、serializeArray()及使用

1、 serialize() 方法：　　serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。　　您可以选择一个或多个表单元素（比如 input

谁践踏了优雅/ 2022年03月30日 14:24/ 0 赞/ 203 阅读

相关 jquery序列化表单

譬如提交一个登陆的from表单： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

一时失言乱红尘/ 2022年03月15日 07:40/ 0 赞/ 229 阅读

相关 jQuery serialize()、serializeArray()方法实现表单序列化

serialize() serialize()方法作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串。与JQuery中其他方法一样，serialize

冷不防/ 2021年06月24日 16:11/ 0 赞/ 326 阅读