关于serialize序列化和号处理实例代码

来源：懂视网责编：小采时间：2020-11-27 20:19:45

关于serialize序列化和号处理实例代码

关于serialize序列化和号处理实例代码:少说多做，直接运行代码，代码中有注释： <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Co

推荐度：

点击下载本文 文档为doc格式

导读关于serialize序列化和号处理实例代码:少说多做，直接运行代码，代码中有注释： <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Co

少说多做，直接运行代码，代码中有注释：

 <!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>

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

关于serialize序列化和号处理实例代码

推荐度：

点击下载本文 文档为doc格式

标签：代码例子示例

热门焦点

关于serialize序列化和号处理实例代码

关于serialize序列化和号处理实例代码

关于serialize序列化和号处理实例代码

最新推荐

猜你喜欢

热门推荐