1、jquery獲取url很簡單，代碼如下：

window.location.href;

其實(shí)只是用到了javascript的基礎(chǔ)的window對象，并沒有用jquery的知識。

2、jquery獲取url參數(shù)比較復(fù)雜，要用到正則表達(dá)式，所以學(xué)好javascript正則式多么重要的事情

首先看看單純的通過javascript是如何來獲取url中的某個參數(shù)：

//獲取url中的參數(shù)function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構(gòu)造一個含有目標(biāo)參數(shù)的正則表達(dá)式對象var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)if (r != null) return unescape(r[2]); return null; //返回參數(shù)值}

通過這個函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值，比如url為

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

我們要獲取reurl的值，可以這樣寫：

var xx = getUrlParam('reurl');

明白了javascript獲取url參數(shù)的方法，我們可以通過這個方法為jquery擴(kuò)展一個方法來通過jquery獲取url參數(shù)，下面的代碼為jquery擴(kuò)展了一個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擴(kuò)展了這個方法了之后我們就可以通過如下方法來獲取某個參數(shù)的值了：

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中的參數(shù)function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構(gòu)造一個含有目標(biāo)參數(shù)的正則表達(dá)式對象var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)if (r != null) return unescape(r[2]); return null; //返回參數(shù)值}</script>

url中傳遞的中文參數(shù)在解析的時候無論怎么測試，獲取的都是亂碼。經(jīng)過一番調(diào)試后發(fā)現(xiàn)，我再傳遞參數(shù)時，對漢字編碼使用的是?encodeURI ，而上面的方法在解析參數(shù)編碼時使用的是unescape ,修改為?decodeURI 就可以了

?C#獲取Url及參數(shù)

/// <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;}

?

轉(zhuǎn)載于:https://www.cnblogs.com/shy1766IT/p/5327027.html

總結(jié)

以上是生活随笔為你收集整理的使用jquery获取url及url参数的方法及定义JQuery扩展方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。