Question

作为QANTM的大学生，我经常使用其门户系统来检查与我的学习相关的信息。但是，该网站使用的特定系统无法在小型分辨率上查看，例如移动浏览器。

我正在开发一个小型的个人应用程序，应该允许我在自己的格式化视图中查看网站的内容。但是，我在执行JavaScript以提交凭据时遇到了一些问题。

<form id="userslogin" method="post" action="javascript: saePortal.users.submitLogin();"     onsubmit="return false" class="x-hidden">
<input type="text" id="username" name="username" />
<input type="password" id="password" name="password" />
<button type="submit" id="submit" value="Login" class="x-hidden" /></button>
</form>

这基本上是门户网站的表单结构，我可以使用

成功地使用我想要的内容更改用户名和密码字段

document.forms[0].username.value = 'text';

但是我无法提交结果。我在网上做了一些搜索，提交表格并不是一件简单的事情。它会刷新页面。

document.forms[0].submit();

我也尝试过非标准的兼容代码，例如document.forms [0] .submit.click（）;以及它的许多变体，以及使用getElementById没有运气。

有问题的网站https://portal.qantm.com.au/。我不确定这是一种内置于网站中的保护形式，还是我只是使用了错误的语法。

Answer 1

如果您的浏览器支持，您可以使用JavaScript FormData-class。

var fd = new FormData();
fd.append("username", username);
fd.append("password", password);

然后你可以使用jQuery或其他东西发布它。

$.ajax({
   url: portalurl,
   type: 'POST',
   data: fd,
   contentType: false,
   processData: false,
   success: function(data){
      console.log(data);
   }
});

Answer 2

在表单标记中更改属性onsubmit="return true"。

使用JavaScript提交特定表单按钮

2 个答案: