JS+JQ a centralized method for obtaining URL parameters _javascript Tips for example code

Source: Internet
Author: User
JQ Value Method:

jquery itself does not have the method to get the URL parameters, but there are already plug-ins, you can get the parameters such as URL directly
Plug-in Connection home: Https://github.com/allmarkedup/jQuery-URL-Parser
Download Link: http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

Examples of Use
Using the current page's URL (for these examples https://mysite.com/information/about/index.html?itemID=2&user= Dave):

Get the Protocol
JQuery.url.attr ("protocol")//returns ' HTTP '

Get the path
JQuery.url.attr ("path")//returns '/information/about/index.html '


Get the Host
JQuery.url.attr ("host")//returns ' Mysite.com '

Get the value for the ItemID query parameter
JQuery.url.param ("ItemID")//returns 2

Get the second segment the URL path
JQuery.url.segment (2)//returns ' about '
Using a different URL to the current page:

Set a different URL and return the anchor string
JQUERY.URL.SETURL ("http://allmarkedup.com/category/javascript/#footer"). attr ("anchor")//Returns ' footer '

JS Native access:

The most original JS method:
Copy Code code as follows:

var urlparams = new Array ();
var aparams = document.location.search.substr (1). Split (' & ');
for (i=0 i < aparams.length; i++) {
var aparam = aparams[i].split (' = ');
Urlparams[aparam[0]] = aparam[1];
}

This call:

Http://127.0.0.1/index.php?name=name1&cid=123
Gets the name parameter passed over
name=urlparams["Name"];

document.write (name);
Get the CID that came in.

cid=urlparams["CID"];

Regular Analysis Method:

Method One:
Copy Code code as follows:

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


This call:
Copy Code code as follows:

Alert (getquerystring ("parameter name 1"));

Alert (getquerystring ("parameter Name 2"));

Alert (getquerystring ("parameter name 3"));

Method Two:
Copy Code code as follows:

<span style= "FONT-SIZE:16PX;" ><script language= "JavaScript" >
function Getrequest () {
var url = location.search; Get the "?" in the URL String after the character
var therequest = new Object ();
if (Url.indexof ("?")!=-1) {
var str = URL.SUBSTR (1);
STRs = Str.split ("&");
for (var i = 0; i < strs.length i + +) {
Therequest[strs[i].split ("=") [0]]=unescape (Strs[i].split ("=") [1]);
}
}
return therequest;
}
</Script>

This call:
Copy Code code as follows:

<script language= "JavaScript" >
var Request = new Object ();
Request = Getrequest ();
var parameter 1, Parameter 2, parameter 3, parameter n;
Parameter 1 = request[' parameter 1 '];
Parameter 2 = request[' parameter 2 '];
Parameter 3 = request[' parameter 3 '];
Parameter n = request[' parameter n '];
</Script>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.