Evgenij LegotskojJan. 7, 2018, 2:52 p.m.

JavaScript - How to extract a parameter from a URL

During the development of the site, small tasks arise, for example, how to extract a parameter from the URL.

For example, we have a URL like this:

http://www.example.com/?page=24&info=13

The parameters in this case are page and info .

To solve this problem, you can use the following code

function getURLParameter(sUrl, sParam) {
    let sPageURL = sUrl.substring(sUrl.indexOf('?') + 1);
    let sURLVariables = sPageURL.split('&');
    for (let i = 0; i < sURLVariables.length; i++) {
        let sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) {
            return sParameterName[1];
        }
    }
}

The first parameter here is the URL from which to retrieve the parameter, and the second parameter is the name of the parameter to be extracted.

This can be useful when you intercept a click event from a link or you just need to extract parameters from the URL in the address bar in the browser.

The application for the above URL will be as follows.

getURLParameter('http://www.example.com/?page=24&info=13', 'page');
getURLParameter('http://www.example.com/?page=24&info=13', 'info');

If you watch the mouse click event, it will look like this

function link_clickHandler(event){
    event.preventDefault();
    let path = event.target.href;
    console.log(getURLParameter(path, 'some_parameter');
}
We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
Support the author Donate

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Timeweb

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting
k
  • knobu
  • Sept. 23, 2020, 2:34 a.m.

C++ - Test 006. Enumerations

  • Result:60points,
  • Rating points-1
k
  • knobu
  • Sept. 23, 2020, 2:21 a.m.

C++ - Test 005. Structures and Classes

  • Result:91points,
  • Rating points8
k
  • knobu
  • Sept. 23, 2020, 2:16 a.m.

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:80points,
  • Rating points4
Last comments

QCheckBox в качестве делегата QTableView

До тех пор, пока у вас проект содержит только одну таблицу, или несколько то может быть. Когда их будет 1000 и чекбоксы в разных колонках, то без делегатов и переопределения возвращаемых ре…
D
  • Damir
  • Sept. 20, 2020, 3:34 p.m.

QCheckBox в качестве делегата QTableView

bool Node::setData(const QModelIndex& index, const QVariant& value, int role){ switch (index.column()) { case 0: switch (role) { case Qt::CheckStateRole:// <- т…
VB

Qt/C++ - Lesson 004. QSqlTableModel – How to present the table from database?

Почему-то такой метод для обновления не работает, который можно было бы применить в данном примере. То есть в представлении данные удаляются и обновляются, а в базе данных изменений не происходи…
DI

Qt/C++ - Lesson 015. QTableWidget – How to create a table with checkboxes?

Кажется я понял в чем ошибка - я вручную создал таблицу Device в базе данных DataBase.db через DB Browser for SQLite в корне проекта с соответствующими типами данных и по какой-то причине insert…
DI

Qt/C++ - Lesson 015. QTableWidget – How to create a table with checkboxes?

Да, у меня тоже такая мысль возникла, но я просто скопипастил этот код из статьи, ничего в нем не меняя.
Now discuss on the forum

Как в Qt в QTableView получить правильный индекс

Добрый день. Пытаюсь получить в QTableView правильный индекс если делаю так tableViewTab3Hosts.currentIndex() то выдает строки таблицы, но при этом строка модели н…
U

Как в qml работать с динамически созданными потомками?

Я извиняюсь, что задаю такие глупые вопросы((( Но в документации написано void removeItem(item) Removes and destroys the specified item. Написал своему TabBar`у remove…

MyForm(forms.Form): - непонятка

1) Почитайте про формы - многое, что у вас в шалобне определено, можно решить с помощью определения класса формы: class MyPasswordChangeForm(forms.Form): old_password = forms.CharField(wi…

Siganal slot в ui

Добрый день, Не совсем понял, какой код должен находиться в слоте, но можно подключиться через лямбда функцию. connect(timer, &QTimer::timeout, this, [](){ ui->scrollArea-&g;…
KM

не знаю что писать в cpp

еще лучше сначала идет QWidget потом meny element
About
Services
© EVILEG 2015-2020
Recommend hosting TIMEWEB