In this page it is presented a function that can be used to get search data from URL address in JavaScript, data added after the '?' character.
The function presented bellow receive the URL address, then returns an object with elements "name: value" formed with the "name=value" pairs from that URL.

Function code:
// Returns an object with elements 'name: value' with data ftom URL (the 'name=value' pairs)
function getDataUrl(url) {
 // https://coursesweb.net/javascript/
 var url_data = url.match(/\?([^#]*)/i)[1]; // gets the string between '?' and '#'

 // separate the data into an array, in case the are multiple pairs name=value
 var ar_url_data = url_data.split('&');

 // traverse the array, and adds into an object elements name:value
 var data_url = {};
 for(var i=0; i<ar_url_data.length; i++) {
 var ar_val = ar_url_data[i].split('='); // separate name and value from each pair
 data_url[ar_val[0]] = ar_val[1];
 }

 return data_url;
}

Example of usage getDataUrl() function

<h4>Example getting data from URL query string</h4>
<p>Gets and shows the value of 'name' and 'id' from this URL:<br>
 <b>//marplo.net/?name=Mar&amp;id=10</b></p>

<script>
// Returns an object with elements 'name: value' with data ftom URL (the 'name=value' pairs)
function getDataUrl(url) {
 // https://coursesweb.net/javascript
 var url_data = url.match(/\?([^#]*)/i)[1]; // gets the string between '?' and '#'

 // separate the data into an array, in case the are multiple pairs name=value
 var ar_url_data = url_data.split('&');

 // traverse the array, and adds into an object elements name:value
 var data_url = {};
 for(var i=0; i<ar_url_data.length; i++) {
 var ar_val = ar_url_data[i].split('='); // separate name and value from each pair
 data_url[ar_val[0]] = ar_val[1];
 }

 return data_url;
}

// Using getDataUrl()

var url = '//marplo.net/?name=Mar&id=10';
var data_url = getDataUrl(url); // gets the object with 'name:value' data
var name = data_url.name;
var id = data_url.id;

// test
document.write('name: '+ name +'<br> id: '+ id);
</script>
Demo (click on the button):

• You can get the URL address of current page using: window.location . So, if you want to use in your script the URL address of current page, replace in the code above with this code:
var url = window.location;

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute can be used to add CSS styles directly in the HTML tag?
type style class
<div style="width: 80%; border: 3px solid #888888;">Content</div>
Which CSS transform method distorts the HTML element in a given angle (including its content)?
translate() scale() skew()
#some_id {
  transform: skew(20deg, 25deg);
  -ms-transform: skew(20deg, 25deg);   /* IE 9 */
  -webkit-transform: skew(20deg, 25deg);   /* Safari and Chrome */
}
Click on the function which converts a Date object to a string.
indexOf() toString() getDate()
var rightnow = new Date();
alert( rightnow.toString() );
Which function applies a callback function to the elements of the given array?
array_merge() array_search() array_map()
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>");
// apply the strip_tags() function to delete HTML tags from each array item
$arr = array_map("strip_tags", $arr);
}
Get search data from URL address in JavaScript

Last accessed pages

  1. SHA1 Encrypt data in JavaScript (17717)
  2. PuzzleImg - Script to Create Image Puzzle Game (4971)
  3. Get Duration of Audio /Video file before Upload (9376)
  4. Ajax Voting Script - Vote Up Down (7018)
  5. AJAX with POST and PHP (14385)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (244)
  2. Register and show online users and visitors (153)
  3. Read Excel file data in PHP - PhpExcelReader (144)
  4. PHP-MySQL free course, online tutorials PHP MySQL code (139)
  5. JavaScript Course - Free lessons (116)