<html>
<head>
<script src="https
://libs.baidu.com/
jquery/2.0.0/
jquery.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https
://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https
://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmg
JQIXwl/Sp"
crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https
://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script lang="javascript">
</script>
</head>
<body>
<form>
<div style="width
:500px;margin
:10px auto;text-align
: center;">
<div style="font-size
:28px;font-weight
:bold;margin
:0px auto;">user signup</div>
<br />
<table style="width
:100%;text-align
: left;">
<tbody>
<tr style="margin-bottom
: 20px;">
<td>
<span class="p">*</span>
<label for="username" class="l"> new username
:</label>
</td>
<td>
<input id="username" type="text" style="height
:30px;width
:250px;padding-right
:50px;">
</td>
</tr>
<tr>
<td><br></td>
<td></td>
</tr>
<tr style="margin-bottom
: 20px;">
<td>
<span class="p">*</span>
<label for="password" class="l"> password
:</label>
</td>
<td>
<input id="password" type="text" style="height
:30px;width
:250px;padding-right
:50px;">
</td>
</tr>
<tr>
<td><br></td>
<td></td>
</tr>
<tr style="margin-bottom
: 20px;">
<td>
<span class="p">*</span>
<label for="passwordc" class="l"> repeated password
:</label>
</td>
<td>
<input id="passwordc" type="text" style="height
:30px;width
:250px;padding-right
:50px;">
</td>
</tr>
<tr>
<td><br></td>
<td></td>
</tr>
<tr>
<td>
</td>
<td>
<input class="btn btn-success" type="button" style="margin
:0 auto;width
:250px;" value="click to signup" onclick='onSignup()' />
<label name='login_hint' id='login_hint' style='display
:none'>sigup success!</label>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
<script lang="javascript">
function onSignup() {
var username = document.getElementById('username');
var password = document.getElementById('password');
$.ajax({
url
: "/user/signup",
type
: "POST",
data
: {
"username"
: username.value,
"password"
: password.value
},
error
: function (
jqXHR, textStatus, errorThrown) {
if (textStatus == "error") {
alert(textStatus + "
: " + errorThrown);
} else {
alert(textStatus);
}
},
success
: function (data, textStatus,
jqXHR) {
if (data == 'SUCCESS') {
// 成功后跳到登录页
document.getElementById("login_hint").style.display = "block";
setTimeout(() => {
window.location.href = '/static/view/signin.html';
}, 2000);
} else {
alert('signup fail!');
}
}
});
}
</script>
</html> 换成https后还是出现错误
本文介绍了一种使用HTML和JavaScript实现页面自动跳转的方法。通过设置<a>标签的target属性为_parent，可以在frame布局中实现跳转至父页面的效果。利用jQuery的trigger方法触发点击事件，实现页面加载完成后自动跳转。
扫一扫
210
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
