使用window.open后如何将值传递到网页表单

时间:2019-02-18 03:13:09

标签: javascript forms function onload

我正试图登录一个拍卖网站,其最终目标是在特定时间出价,而不必实际在计算机前。

如何将值传递到网页表单并登录到网站?

在单击“提交”后将加载登录页面,但是exampleInputEmail1和exampleInputPassword1的输入未传递到网页。

我认为这可能与onload有关,但到目前为止没有运气。

    <!DOCTYPE html>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
  function openGoodWill() {

    var newWindow;
    newWindow = window.open('https://www.shopgoodwill.com/SignIn');
    newWindow.onload = function(){
    window.document.getElementById('Username').value = 'exampleInputEmail1';
    window.document.getElementById('Password').value = 'exampleInputPassword1';
    window.document.getElementById('login-submit').dispatchEvent(new MouseEvent("click"));
}
  }
</script>
<body>
<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <button onclick="openGoodWill()" type="submit" class="btn btn-primary">Submit</button>
</form>
</body>

在单击“提交”后将加载登录页面,但是exampleInputEmail1和exampleInputPassword1的输入未传递到网页。

1 个答案:

答案 0 :(得分:0)

要使用window.open从javascript传递,

  

用于非敏感信息

获取 您可以使用GET方法通过URL传输数据。

window.open('your_site?data1='+data1+'&data2='+data2,'_SELF');

饼干

您可以将数据保存在cookie中,然后在重定向之后,再次可以从cookie中读取。

本地存储

像cookie一样,您可以使用JavaScript将数据存储在Local Storage中。然后,您可以从重定向的网站阅读。

示例:

localStorage.setItem('userId','10036656');

阅读

var userId = localStorage.getItem('userId');
  

但是在您的情况下

处理敏感信息,例如“登录”详细信息。请直接与服务器联系。

您可以使用Form Submit

OR

请通过Javascript使用AJAX RequestAJAX Tutorial