关于serialize 序列化 和号处理实例代码
程序员文章站
2022-05-08 13:23:12
...
少说多做,直接运行代码,代码中有注释:
<!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 序列化 和号处理实例代码的详细内容,更多请关注其它相关文章!
上一篇: 如何设计可离线工作的软件的同步功能