2017-09-01 85 views
6

Chciałbym napisać mały skrypt, który po uruchomieniu powinien wypełnić dane w już podanej witrynie html. Na przykład powiedzmy, że strona jest stackoverflow logn page i muszę wypełnić moją nazwę użytkownika i hasło.Prześlij dane logowania do witryny za pomocą js

Wiedząc, że do nazwy użytkownika mamy:

<input type="email" name="email" id="email" size="30" maxlength="100" placeholder="[email protected]"> 

hasło:

<input type="password" name="password" id="password" placeholder="********"> 

i dane: (? Poprawne)

data = {username:"user", password:"pass"}; 

nasze js powinno być coś jak poniżej:

document.getElementById("email").value=data.username; 
document.getElementById("password").value=data.password; 

Czego naprawdę nie rozumiem, to jak "opublikować" to na stronie, a następnie nacisnąć przycisk logowania. (Ajax?) Ogólnie, jak je połączyć i zrobić z niego skrypt.

Z góry dziękuję.

Odpowiedz

2
document.getElementById("myForm").submit(); 

które osadzone wprowadzisz złożone w postaci HTML z id="myForm"

+0

Hmm ja trochę zrozumieć, co może, ale nadal nie wiem, jak dostać formularz witryny i to zrobić. Jestem całkiem niezły z c/nodejs, ale użyłem bardzo małego js/html, więc z małym lub żadnym wyjaśnieniem nie bardzo mi to pomaga. Dzięki za odpowiedź! :) –

+0

Rozumiem, jak to zrobić z moim formularzem (jeśli go utworzę), staram się to zrobić za pomocą formularza witryny, ale –

+0

Może to pomoże https://stackoverflow.com/questions/991367/how-to- get-the-form-parent-of-an-input –

0

Jeśli masz kontrolę nad domeną strona logowania, można utworzyć zasłonięte stronę logowania, która określa wartości zaloguj się do lokalnego przechowywania wtedy, obciążeń "zwykła" strona logowania, która wyszukuje i odczytuje lokalną pamięć i logi.

Oto przykładowa strona logowania.

user = Test password = testpw

test login page

i tu jest "tajne" strona logowania, gdzie można wysłać poświadczenia poprzez GET tak: http://shawnanderson.net/stack/secretlogin.html?userID=test&userPW=testpw

secret login page

Inne możliwe, że załadujesz stronę logowania w elemencie iframe i zapełnisz pola logowania.

iframe example

+0

Podane linki nie mają większego sensu. Chodzi mi o to, że mógłbyś je usunąć, a wszystko nadal byłoby takie samo. –

+0

?? są to pełne działające próbki z kodem źródłowym. – Shawn

+0

Dobra, rozumiem, jak bym to zrobił, gdyby to była moja strona internetowa, ale jak mogę przesłać poświadczenia z mojego komputera do formularza online. Metoda iframe wydawała się najprostsza. Dobra robota z P90;) –