.NET手记-JS获取Url参数

最近为App做活动专区，其中很多活动都是采用html 5页面来制作的。一方面体量较小，制作快速，更新维护容易；另一方面，嵌入App后适配效果也不会很差。

这里我们采用混编形式来从native app传参给web页面，我们采用的思路与主流的js与oc/java互调不同，主要通过Url传递参数。简单的说，就是通过Url拼串，将必要的参数传递给web页面，这样就免去了登录的流程，如下：

 

 

那么接下来讨论的就是如何使得html页面获取Url参数，最简单的办法就是直接通过JS来获取，这里我采用jquery，这里根据找到的信息，列出了以下两种种写法：

 

方法一，正则表达式匹配

 

$.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;

        }

 

调用方法

 

var logo = $.getUrlParam("logo");

 

 

方法二，split参数

 

$.getQueryParameters = function () {
            var url = window.location.search;
            var parameters = new Object();
            if (url.indexOf("?") != -1) {
                var query = url.substr(1);
                var ary = query.split("&");
                for (var i = 0; i < ary.length; i++) {
                    var keyValuePair = ary[i].split("=");
                    parameters[keyValuePair[0]] = unescape(keyValuePair[1]);
                }
            }
            return parameters;
        }

 

调用方法

 

var querys = $.getQueryParameters();
var name = querys["name"];

 

其中要注意的是，iOS需要手动将Url参数转成unicode编码，不然会一直访问页面失败。