admin 发表于 2023-3-2 19:25:42

JavaScript传递URL参数中文乱码解决方法

<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br></div></td><td><div class="javascript codecolorer"><span class="kw1">function</span> getUrlParam<span class="br0">&#40;</span>name<span class="br0">&#41;</span><span class="br0">{</span><br>
<span class="co1">// 用该属性获取页面 URL 地址从问号 (?) 开始的 URL(查询部分)</span><br>
<span class="kw1">var</span> url <span class="sy0">=</span> window.<span class="me1">location</span>.<span class="me1">search</span><span class="sy0">;</span><br>
<span class="co1">// 正则筛选地址栏</span><br>
<span class="kw1">var</span> reg <span class="sy0">=</span> <span class="kw1">new</span> RegExp<span class="br0">&#40;</span><span class="st0">&quot;(^|&amp;amp;)&quot;</span><span class="sy0">+</span> name <span class="sy0">+</span><span class="st0">&quot;=([^&amp;amp;]*)(&amp;amp;|$)&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><br>
<span class="co1">// 匹配目标参数</span><br>
<span class="kw1">var</span> result <span class="sy0">=</span> url.<span class="me1">substr</span><span class="br0">&#40;</span><span class="nu0">1</span><span class="br0">&#41;</span>.<span class="me1">match</span><span class="br0">&#40;</span>reg<span class="br0">&#41;</span><span class="sy0">;</span><br>
<span class="co1">//返回参数值</span><br>
<span class="kw1">return</span> result <span class="sy0">?</span> decodeURIComponent<span class="br0">&#40;</span>result<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span> <span class="sy0">:</span> <span class="kw2">null</span><span class="sy0">;</span><br>
<span class="br0">}</span></div></td></tr></tbody></table></div>
<p>直接调用getUrlParam(name)就可以获取地址栏参数了,可以解决中文乱码问题</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br></div></td><td><div class="javascript codecolorer">industryName <span class="sy0">:</span> getUrlParam<span class="br0">&#40;</span><span class="st0">&quot;industryName&quot;</span><span class="br0">&#41;</span></div></td></tr></tbody></table></div>
<p>使用 console.log(getUrlParam(“industryName”))打印一下日志看看是否还是乱码?此时你会发现,乱码问题解决了!</p>
                                        <p class="post-copyright">未经允许不得转载:<ahref="https://www.wangchao.info/">王超博客</a> &raquo; <ahref="https://www.wangchao.info/1769.html">JavaScript传递URL参数中文乱码解决方法</a></p>
页: [1]
查看完整版本: JavaScript传递URL参数中文乱码解决方法