使用jquery获取url及url参数的方法及定义JQuery扩展方法

1、jquery获取url很简单，代码如下：

window.location.href;      

其实只是用到了javascript的基础的window对象，并没有用jquery的知识。

2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情

首先看看单纯的通过javascript是如何来获取url中的某个参数：

//获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }      

通过这个函数传递url中的参数名就可以获取到参数的值，比如url为

http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx

我们要获取reurl的值，可以这样写：

var xx = getUrlParam('reurl');      

明白了javascript获取url参数的方法，我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数，下面的代码为jquery扩展了一个getUrlParam()方法

(function ($) {
                $.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;
                }
            })(jQuery);      

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了：

var xx = $.getUrlParam('reurl');      

完整代码：

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            //方法二：
            (function ($) {
                $.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;
                }
            })(jQuery);

            //方法二：
            var xx = $.getUrlParam('reurl');

            //方法一：
            // var xx = getUrlParam('reurl');


            alert(xx);

        });

        //方法一：
        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }


 </script>      

url中传递的中文参数在解析的时候无论怎么测试，获取的都是乱码。经过一番调试后发现，我再传递参数时，对汉字编码使用的是 encodeURI ，而上面的方法在解析参数编码时使用的是unescape ,修改为 decodeURI 就可以了

 C#获取Url及参数

/// <summary>
        /// returns the url without the query and the query string as two seperate items
        /// </summary>
        /// <param name="url"></param>
        /// <returns>Item1:The url without the query string
        /// Item2:The query string if there was one or null</returns>
        private static string GetQueryStringFromUrl(string url)
        {
            if (url == null)
            {
                throw new ArgumentNullException("url");
            }

            var firstIndex = url.IndexOf("?");
            return firstIndex > -1 ? url.Substring(firstIndex + 1) : null;
        }

        /// <summary>
        /// returns the url without the query string if one is present else it returns the original url
        /// </summary>
        /// <param name="url"></param>
        /// <returns>The url without the query string or the original url if no query string was present</returns>
        private static string StripQueryString(string url)
        {
            if (url == null)
            {
                throw new ArgumentNullException("url");
            }
            var firstIndex = url.IndexOf("?");
            return firstIndex > -1 ? url.Substring(0, firstIndex) : url;
        }      

此随笔或为自己所写、或为转载于网络。仅用于个人收集及备忘。