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

来源:互联网 发布:免费排雷软件下载 编辑:程序博客网 时间:2024/06/05 04:14

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>


0 0