Получить имя пользователя и пароль от URL и вставить в текстовое поле

Question

Когда я нажимаю на URL и открываю его в новой вкладке, я пытаюсь скопировать имя пользователя и пароль из URL и заполнить имя пользователя и пароль в текстовом поле. Я искал в Google, но не смог найти решение. Может кто-нибудь помочь, пожалуйста?

Answer 1

Сначала я хотел бы обратить внимание на тот факт, что передача незашифрованного имени пользователя и пароля с помощью URL-адреса небезопасно.

Но для ответа на ваш вопрос. С JavaScript вы можете получить доступ к URL с помощью window.location. Здесь есть несколько полей, которые вы можете использовать.

window.location.host и window.location.hostname вернет «stackoverflow.com»

window.location.href вернет весь URL-адрес " Получить имя пользователя и пароль от URL и вставьте в текстовое поле"

window.location.pathname вернет вам часть после host" / questions / 61336907 / get-username-and-password-from-url-and -paste-in-text-box "

window.location.search вернет вам параметр, если он является частью URL. "{ ссылка }" вернется "? Username = unsafe & password = password123".

После этого вы сможете использовать регулярное выражение для получения имени пользователя и пароля из URL.

const match = window.location.search.match( /username=(.*)&password=(.*)/g )
// results in array [ "username=unsafe&password=password123", "unsafe", "password123" ]
// first array item match[0] is the full match
// second item match[1] is the first group (you can create a group by using round brackets)
// third item match[2] is the second group
const username = match[1];
const password = match[2];

Я не звезда с регулярными выражениями, поэтому может быть лучшее решение, чем я предлагал.

Но я надеюсь, что это поможет вам в вашей проблеме.