Javascript 使用表单登录到网页
我制作了一个表单,将登录数据发送到此网站: 我正在尝试使用我的表单登录网站 但是,当我单击submit时,服务器会发送一个JSON文件作为响应。 有没有办法让服务器将我重定向到登录页面,即 这是我的表单html代码Javascript 使用表单登录到网页,javascript,html,css,post,Javascript,Html,Css,Post,我制作了一个表单,将登录数据发送到此网站: 我正在尝试使用我的表单登录网站 但是,当我单击submit时,服务器会发送一个JSON文件作为响应。 有没有办法让服务器将我重定向到登录页面,即 这是我的表单html代码 <form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form" id="jlogin-form-staff"><dl class="login-for
<form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form" id="jlogin-form-staff"><dl class="login-form__item">
<input class="login-input--text jcompanycode" id="company_code" name="company_code" type="text" value="3809" />
<input class="email login-input--text" name="email" type="text" value="1234" />
<input class="jpassword login-input--text" name="password" placeholder="パスワード" type="password" value="das1728940" />
<input onclick = "window.location.href= 'https://kintai.jinjer.biz/staffs/top';" type="submit" value= "submit">
</form>
我尝试使用onclick重定向,但没有成功。我还尝试了使用不起作用的函数。
任何其他想法都将受到高度赞赏请删除“onclick”。type=“submit”足以让浏览器知道何时触发了提交按钮。此外,还对代码进行了一些修饰性修复。在这里:
<form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form" id="jlogin-form-staff">
<dl class="login-form__item">
<input class="login-input--text jcompanycode" id="company_code" name="company_code" type="text" value="3809" />
<input class="email login-input--text" name="email" type="text" value="1234" />
<input class="jpassword login-input--text" name="password" placeholder="パスワード" type="password" value="das1728940" />
<input type="submit" value="submit">
</dl>
</form>
使用。将jQuery添加到代码中会使其更简单
首先,将您的HTML更改为:
然后使用ajax提交表单
$(“#提交表格”)。点击(功能(e){
var form=$(“.login form”);
var url=form.attr('action');
$.ajax({
类型:“POST”,
url:url,
数据:form.serialize(),
成功:功能(数据)
{
window.location.href=”https://kintai.jinjer.biz/staffs/top"
}
});
});
这里可以找到一个工作示例:谢谢您的建议。但是,我仍然被重定向到JSON文件。你还有别的想法吗?请帮帮我out@Rav编辑答案,添加示例