.NET手记-JS获取Url参数

Changwei | 1/22/2016 1:56:00 PM


最近为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编码,不然会一直访问页面失败。