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

最新推荐文章于 2023-02-01 18:20:37 发布

原创最新推荐文章于 2023-02-01 18:20:37 发布 · 1.2w 阅读

2 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

10 篇文章

订阅专栏

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

html节点:

js：

//序列化

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>