Using jquery to get URLs and jquery methods for getting URL parameters

Using jquery to get URLs and using jquery to get URL parameters is the most common operation we need to use.

1, jquery get the URL is very simple, the code is as follows

1 window.location.href;

In fact, it's just a JavaScript-based window object that doesn't have the knowledge of jquery.

2, jquery get URL parameters more complex, to use the regular expression, so learn JavaScript regular style how important things

First look at how simple it is to get a parameter in the URL by using JavaScript

1 function Geturlparam (name) 2 {3    var reg = new RegExp ("(^|&) + name +" = ([^&]*) (&|$) ");//construct a regular expression object with a target parameter  4    var r = window.location.search.substr (1). Match (reg);  Match Target parameter 5    if (r!=null) return unescape (r[2]); return null;//returns parameter value 6

This function passes the parameter name in the URL to get the value of the parameter, for example, the URL is
http://www.xxx.loc/admin/write-post.php?cid=79

We want to get the CID value, which can be written like this:

1 geturlparam (' CID ');

Understand the way JavaScript gets URL parameters, we can extend a method for jquery to get URL parameters through jquery, the following code expands a Geturlparam () method for jquery

1 (function ($) {2$.geturlparam = function (name)3{4var reg = New RegExp ("(^|&)" + name + "= ([^&]*) (&|$)"); 5 var r = window.location.search.substr (1). Match (reg); 6 if (r!=null) return unescape (r[2]); return null; 7 }8 }) (JQuery);

After extending this method for jquery, we can get the value of a parameter in the following way

1 $.geturlparam (' CID ');

Using jquery to get URLs and jquery methods for getting URL parameters