关于serialize 序列化 和号处理实例代码
程序员文章站
2022-04-12 16:04:04
...
少说多做，直接运行代码，代码中有注释：
<!DOCTYPE html> 2
<html lang="zh"> 3 <head> 4
<meta charset="UTF-8" /> 5
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6
<title>serialize 序列化 +号处理</title> 7 </head> 8 <body> 9
<form id="form">10 <label>11
<input type="checkbox" name="r1" id="r1" value="前端工程师 厉害！" />前端工程师12
</label>13 <label>14
<input type="checkbox" name="r1" id="r1" value="测试工程师 厉害！" />测试工程师15
</label>16 <label>17
<input type="checkbox" name="r1" id="r1" value="后端工程师 厉害！" />后端工程师18
</label>19
<input type="button" name="btn" id="btn" value="提交" />20 </form>21
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js?1.1.11"></script>22
<script type="text/javascript">23 $(function(){24
$('#btn').click(function(){25
//serialize序列化，默认会调用encodeURIComponent()进行编码26
var pre = $('#form').serialize()27
//r1=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88++%E5%8E%89%E5%AE%B3%EF%BC%8128
//注意有+号29 console.log(pre);30
//对整个字符串中符合条件的+号都进行替换31
var next = pre.replace(/\+/g," ");32
//对serialize后的内容进行解码33
next = decodeURIComponent(next);34
//r1=前端工程师 厉害！35
//注意没有+号了36
console.log(next)37 });38 });39
</script>40
</body>41
</html>以上就是关于serialize 序列化 和号处理实例代码的详细内容，更多请关注其它相关文章！