使用js将登录数据发布到站点

Question

I would like to write a small script that upon running it should fill some data in a html site that are already given. So for example lets say the site is the stackoverflow logn page and I need to fill my username and password.

Knowing that for the username we have:

<input type="email" name="email" id="email" size="30" maxlength="100" placeholder="you@example.org">

password:

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

and data:

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

our js should be something like below (correct?):

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

What I dont really understand is how to "post" that into the site and then hit the login button.(ajax?) Generally how to bring it together and make it a running script.

Thanks in advance.

Answer 1

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

嵌入您输入的文件以HTML表单id="myForm"

Answer 2

If you have control over the login page domain, you could create a obscured login page, which sets login values to local storage then, loads the "regular" login page, which looks for and reads the local storage and logs in.

Here is a sample login page.

user= test password= testpw

test login page

and here is the "secret" login page, where you send the credentials via GET like this: http://shawnanderson.net/stack/secretlogin.html?userID=test&userPW=testpw

secret login page

Otherwise, you could load the login page in an iframe and populate the login fields from there.

iframe example