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

问题描述 投票:0回答:1

我正在尝试登录拍卖网站,其最终目标是在特定时间出价,而不是在电脑前。

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

点击提交后加载登录页面,但是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的输入没有传递给网页。

javascript forms function onload
1个回答
0
投票

要使用window.open从javascript传递,

对于非敏感信息

获取您可以使用GETmethod使用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

要么

请使用Javascript使用AJAX RequestAJAX Tutorial

© www.soinside.com 2019 - 2024. All rights reserved.