JavaScript JSON与URL参数互转

      发布在:前端技术      评论:0 条评论
<h2 style="box-sizing: border-box; outline: 0px; margin: 8px 0px 16px; padding: 0px; font-family: &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, SimHei, Arial, SimSun; font-size: 22px; color: rgb(79, 79, 79); line-height: 30px; overflow-wrap: break-word; font-variant-ligatures: no-common-ligatures; white-space: normal; background-color: rgb(255, 255, 255);">JSON转URL参数</h2><pre class="brush:js;toolbar:false"><br/>function parseParams(data) {<br/> try {<br/> var tempArr = [];<br/> for (var i in data) {<br/> var key = encodeURIComponent(i);<br/> var value = encodeURIComponent(data[i]);<br/> tempArr.push(key + &#39;=&#39; + value);<br/> }<br/> var urlParamsStr = tempArr.join(&#39;&amp;&#39;);<br/> return urlParamsStr;<br/> } catch (err) {<br/> return &#39;&#39;;<br/> }<br/>} <br/><br/>var obj = {<br/> name: &#39;zhangsan&#39;,<br/> age: 100<br/>};<br/><br/>parseParams(obj); //&quot;name=zhangsan&amp;age=100&quot;<br/><br/></pre><h2 style="box-sizing: border-box; outline: 0px; margin: 8px 0px 16px; padding: 0px; font-family: &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, SimHei, Arial, SimSun; font-size: 22px; color: rgb(79, 79, 79); line-height: 30px; overflow-wrap: break-word; font-variant-ligatures: no-common-ligatures; white-space: normal; background-color: rgb(255, 255, 255);">URL参数转JSON</h2><pre class="brush:js;toolbar:false"><br/>function getParams(url) {<br/> try {<br/> url = url.match(/\?([^#]+)/)[1];<br/> const obj = {};<br/> const arr = url.split(&#39;&amp;&#39;);<br/> for (let i = 0; i &lt; arr.length; i++) {<br/> let subArr = arr[i].split(&#39;=&#39;);<br/> let key = decodeURIComponent(subArr[0]);<br/> let value = decodeURIComponent(subArr[1]);<br/> obj[key] = value;<br/> }<br/> return obj;<br/> } catch (err) {<br/> return null;<br/> }<br/>}<br/><br/>var urlStr = &#39;http://www.xxx.com/test?name=zhangshan&amp;age=100#hello&#39;;<br/><br/>getParams(urlStr); //{name: &quot;zhangshan&quot;, age: &quot;100&quot;}<br/><br/></pre><p>来源:https://lihefei.blog.csdn.net/article/details/81417311</p>
相关文章
热门推荐