Home Web Front-end HTML Tutorial Example tutorial on getting the parameter name in url using js

Example tutorial on getting the parameter name in url using js

Jun 24, 2017 pm 01:49 PM
javascript parameter numerical value Obtain

It is rare to use js to obtain the parameter name and parameter value in the URL, but I need to do this today. Let me introduce to you the specific example method.


When the parameter name is known, getting the parameter value can be easily done using regular expressions.


js implementation method is as follows:

The code is as follows

function getValue(url, name) {
var reg = new RegExp('(\?|&)' + name + '=([^&?]*)', 'i') ;
var arr = url.match(reg);

if (arr) {
return arr[2];
}

return null;
}

or

Method 1: Regular analysis method

## The code is as follows##function getQueryString(name) { If you want To get all parameter names and their corresponding values, you can also use regular expressions.

var reg = new RegExp("(^|&) " + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

Call like this:

alert(GetQueryString("Parameter name 1"));

alert(GetQueryString("Parameter name 2"));

alert(GetQueryString("Parameter name 3"));

js implementation method:


The code is as follows function getKeyValue(url) {Note that there is another method called match used for matching in js. Match is a method of string, and exec is a method of RegExp object. If you use the match method of a string and specify the regular expression as a global match, then the grouping in the regular expression will be useless, and the returned result will be all substrings that match the regular expression. When the exec method does not use the global match flag, the time returned is the first matched subcharacter. If the global match flag is used, the string that matches the symbol is executed from the beginning for the first time. If called again, it will start from the last matching result. match.

var result = {};

var reg = new RegExp('( [\?|&])(.+?)=([^&?]*)', 'ig');
var arr = reg.exec(url);

while (arr ) {

result[arr[2]] = arr[3];


arr = reg.exec(url);

}


return result;

}


The implementation method of PHP is provided below:

The code is as followsfunction getKeyValue($url) {#php's preg_match_all method stores the matching results in the third specified parameter, which is a two-dimensional array. The first dimension is an array of grouping information, that is, the first array stores all matching complete strings, the second array stores the value corresponding to the first (), and the second dimension is the grouping value.

$result = array();

$mr = preg_match_all('/(?|&)(.+?)=([^&?]*) /i', $url, $matchs);

if ($mr !== FALSE) {

for ($i = 0; $i < $mr; $i++) {

$result[$matchs[2][$i]] = $matchs[3][$i];
}
}

return $result;

}


The above is the detailed content of Example tutorial on getting the parameter name in url using js. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Where to get Google security code Where to get Google security code Mar 30, 2024 am 11:11 AM

Google Authenticator is a tool used to protect the security of user accounts, and its key is important information used to generate dynamic verification codes. If you forget the key of Google Authenticator and can only verify it through the security code, then the editor of this website will bring you a detailed introduction on where to get the Google security code. I hope it can help you. If you want to know more Users please continue reading below! First open the phone settings and enter the settings page. Scroll down the page and find Google. Go to the Google page and click on Google Account. Enter the account page and click View under the verification code. Enter your password or use your fingerprint to verify your identity. Obtain a Google security code and use the security code to verify your Google identity.

i9-12900H parameter evaluation list i9-12900H parameter evaluation list Feb 23, 2024 am 09:25 AM

i9-12900H is a 14-core processor. The architecture and technology used are all new, and the threads are also very high. The overall work is excellent, and some parameters have been improved. It is particularly comprehensive and can bring users Excellent experience. i9-12900H parameter evaluation review: 1. i9-12900H is a 14-core processor, which adopts the q1 architecture and 24576kb process technology, and has been upgraded to 20 threads. 2. The maximum CPU frequency is 1.80! 5.00ghz, which mainly depends on the workload. 3. Compared with the price, it is very suitable. The price-performance ratio is very good, and it is very suitable for some partners who need normal use. i9-12900H parameter evaluation and performance running scores

C++ function parameter type safety check C++ function parameter type safety check Apr 19, 2024 pm 12:00 PM

C++ parameter type safety checking ensures that functions only accept values ​​of expected types through compile-time checks, run-time checks, and static assertions, preventing unexpected behavior and program crashes: Compile-time type checking: The compiler checks type compatibility. Runtime type checking: Use dynamic_cast to check type compatibility, and throw an exception if there is no match. Static assertion: Assert type conditions at compile time.

How to install dual SIM on Realme 12 Pro? How to install dual SIM on Realme 12 Pro? Mar 18, 2024 pm 02:10 PM

Although the general operations of domestic mobile phones are very similar, there are still some differences in some details. For example, different mobile phone models and manufacturers may have different dual-SIM installation methods. Erzhenwo 12Pro, a new mobile phone, also supports dual-SIM dual standby, but how should dual-SIM be installed on this phone? How to install dual SIM on Realme 12Pro? Remember to turn off your phone before installation. Step 1: Find the SIM card tray: Find the SIM card tray of the phone. Usually, in the Realme 12 Pro, the SIM card tray is located on the side or top of the phone. Step 2: Insert the first SIM card. Use a dedicated SIM card pin or a small object to insert it into the slot in the SIM card tray. Then, carefully insert the first SIM card.

jQuery tips to quickly get screen height jQuery tips to quickly get screen height Feb 24, 2024 pm 06:30 PM

jQuery Tips: How to Quickly Obtain Screen Height In web development, you often encounter situations where you need to obtain the screen height, such as implementing responsive layout, dynamically calculating element size, etc. Using jQuery, you can easily achieve the function of obtaining the screen height. Next, we will introduce some implementation methods of using jQuery to quickly obtain the screen height, and attach specific code examples. Method 1: Use jQuery's height() method to obtain the screen height. By using jQuery's height

Advanced usage of reference parameters and pointer parameters in C++ functions Advanced usage of reference parameters and pointer parameters in C++ functions Apr 21, 2024 am 09:39 AM

Reference parameters in C++ functions (essentially variable aliases, modifying the reference modifies the original variable) and pointer parameters (storing the memory address of the original variable, modifying the variable by dereferencing the pointer) have different usages when passing and modifying variables. Reference parameters are often used to modify original variables (especially large structures) to avoid copy overhead when passed to constructors or assignment operators. Pointer parameters are used to flexibly point to memory locations, implement dynamic data structures, or pass null pointers to represent optional parameters.

How to get fake future crystal coins How to get fake future crystal coins Mar 22, 2024 am 08:00 AM

Many players want to know how to obtain fake future crystal coins. There are actually four different methods, including purchasing gift packages, completing tasks, producing goods, developing land, etc. Players can choose different ways to earn crystal coins according to their needs. The specific content is as follows: Get up and take a look at this guide on how to obtain fake future crystal coins. Fake Future Guide: How to get Fake Future Crystal Coins 1. Purchase the gift package mall to purchase the crystal coin gift package. 2. Obtained by completing tasks and completing main and side tasks. 3. Produce goods. Produce goods in your home to obtain crystal coins. 4. Developing land can also be obtained by developing land, but the reward is one-time.

Parameters of vlookup function and explanation of their meanings Parameters of vlookup function and explanation of their meanings Jan 09, 2024 pm 03:18 PM

We must have used the vlookup function when using excel. So there are several such functions, and how each function is used. As far as the editor knows, there are four vlookup functions, namely Lookup_value, Table_array, col_index_num, and Range_lookup. So let me tell you their specific usage~ The vlookup function has several parameters and the meaning of each parameter. The parameters of the vlookup function include Lookup_value, Table_array, col_index_num, and Range_lookup, a total of 4. 1.Lookup

See all articles