cari

Rumah >hujung hadapan web >tutorial js >关于serialize 序列化 和号处理实例代码

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

零下一度
零下一度asal
2017-06-28 14:46:111322semak imbas

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

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

 

Atas ialah kandungan terperinci 关于serialize 序列化 和号处理实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bootstrap Modal Event Not Fired When Modal is Shown/HiddenArtikel seterusnya：什么是Easyui

Artikel berkaitan

Lihat lagi