3 4 5 "/> 3 4 5 ">
suchen

Heim >Web-Frontend >js-Tutorial >Informationen zum Serialisierungs- und Zeichenverarbeitungs-Beispielcode

Informationen zum Serialisierungs- und Zeichenverarbeitungs-Beispielcode

零下一度
零下一度Original
2017-06-28 14:46:111321Durchsuche

Weniger sprechen und mehr tun, den Code direkt ausführen, es gibt Kommentare im Code: 

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

Das obige ist der detaillierte Inhalt vonInformationen zum Serialisierungs- und Zeichenverarbeitungs-Beispielcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Bootstrap-Modal-Ereignis wird nicht ausgelöst, wenn Modal angezeigt/ausgeblendet istNächster Artikel：Bootstrap-Modal-Ereignis wird nicht ausgelöst, wenn Modal angezeigt/ausgeblendet ist

In Verbindung stehende Artikel

Mehr sehen