URL 参数获取

## onion.urlParams ### 1. 功能 获取页面URL中的传参 ### 2. 使用场景 页面中使用 url 进行传参时, 子页面以这个方法获得 url 中的参数 ### 3. 如何使用 #### 3.1 基本使用 在需要获取父页面传参的子页面全局定义 ![image.png](https://cos.easydoc.net/27100029/files/kb7c3ijd.png) ```js // 获取 URL 参数对象 var urlParams = onion.urlParams(location.search); var sodId = urlParams['id']; ``` ==获得了父页面传过来的 id== ==location.search 为当前页面 URl== #### 3.2 转码情景 可能会遇到页面间的传参带中文的情况, 需进行转码 ##### 转码 ```javascript encodeURIComponent() ``` ![image.png](https://cos.easydoc.net/27100029/files/ka6eg148.png) ##### 解码 ```javascript decodeURIComponent() ``` ![image.png](https://cos.easydoc.net/27100029/files/ka6egznu.png) ### 4. api定义 ``` javascript var urlParams = function (params) { if (!params) { params = location.search; } var href = params.slice(1); var arr = href.split("&"); var obj = {}; arr.forEach(function (val, inx) { var singleArr = val.split("="); obj[singleArr[0]] = singleArr[1] }) return obj; } onion.urlParams = urlParams; ```