jquery ajax的serialize()值的序列化以及反序列化

本文介绍了一个简单的HTML表单及其使用JavaScript进行序列化和反序列化的实例。通过示例代码展示了如何利用jQuery的serialize方法获取表单数据,并进行解码处理解决中文乱码问题。此外还介绍了如何通过JavaScript将字符串形式的数据反序列化并填充回表单。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html节点:

<form id="form_FanXuLie">
                        <div class="pc-line">
                            <label style="width:80px;">姓名:</label>
                            <input type="text" name="name" class="input-text" style="width:70%;" />
                        </div>
                        <div class="pc-line">
                            <label style="width:80px;">年龄:</label>
                            <input type="text" name="age" class="input-text" style="width:70%;" />
                        </div>
                        <div class="pc-line">
                            <label style="width:80px;">备注:</label>
                            <!--<input type="text" name="charId" class="input-text" style="width:70%;" />-->
                            <textarea name="beizhu" class="textarea" rows="4" style="width:70%;"></textarea>
                        </div>
                    </form>

js:

<script type="text/javascript">

//序列化

                       var data = $('#form_FanXuLie').serialize();

data = decodeURIComponent(data ,true);//调用decodeURIComponent(XXX,true);将数据解码,解决中文乱码问题

                       console.log(data)//=> 'name=val&age=val&charId=val'

                        //反序列化 对jquery ajax的serialize()值的反序列化
                        var data = 'name=王硕&age=20岁&beizhu=测试反序列化';                        
                        data.split('&').forEach(function (item) {  //js的forEach()方法
                            item = item.split('=');
                            var name = item[0],
                                val = item[1];
                            $('#form_FanXuLie  [name=' + name + ']').val(val);

                        });

</script>


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值