作者: 临窗听风雨 | 来源:发表于2020-03-04 12:25 被阅读0次

问题描述:最近正在建自己的网站,在写主页HTML文件时,想通过静态网页中的\color{#FF3030}{<a>}标签实现点击后直接登录Ftracker(一个很不错的免费文献下载和管理网站),该网站是需要帐号和密码的,看起来很简单,但对于一个搞生物的还是掉了很多头发的。
解决思路:先来看下该网站的登录页:
www.ftracker.net/?invite=6f20c10aa,发现有帐号、密码输入框和登录按钮。

Ftracker登录页面

右键点击Login按钮审查元素,发现是通过POST方法传递参数,关键参数名是\color{#FF3030}{“username”}\color{#FF3030}{“password”}因此想通过url+参数的方式行不通了,可以使用<Form>元素但是这样就会在HTML页面引物额外组件,这不符合设想。于是,又想到用<a>的onclick属性+函数来实现,尝试了JQuery的$.post()和$.ajax()方法,还是行不通,可能它们只用来与服务器通信数据,无法直接跳转页面。因此,我感觉还得通过\color{#FF3030}{<Form>}来实现,至于引入额外元件,可以通过\color{#FF3030}{dispaly: none;}属性消除。那解决问题的关键就是表单在点击链接时自动提交了,查了一下看到有人说可以用\color{#FF3030}{<Form>}对象的\color{#FF3030}{submit()}方法,尝试了一下果断可以。


最终效果:
链接页
跳转页

代码放上:

<form style="display: none;" id="myform" action="http://www.ftracker.net/index.php/home/register/login.html" method="post">
<input type="text" name="username" value="XXX">
<input type="password" name="password" value="YYY">    <!--用的帐号密码哦,注册很简单-->
</form>
<li><a href="javascript:void(0);" onclick="$('#myform').submit();">Ftracker</a></li>

相关文章

网友评论