html登录网站

最新推荐文章于 2023-04-05 17:05:19 发布

Aliner961

最新推荐文章于 2023-04-05 17:05:19 发布

阅读量714

点赞数

文章标签： html javascript js jquery ajax

本文链接：https://blog.csdn.net/weixin_46016036/article/details/118639632

版权

HTML注册页面


```<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>测试</title>
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript" src="js/reg.js"></script>
		<link rel="stylesheet" href="css/reg.css" type="text/css"/>
	</head>
	<body>
	 <div style="width: 100%;text-align: center;" >
	 	<div id="c2">
	 		<div id="c3"></div>
		<form>
			<tr>
				<td class="reg_left">姓名：</td>
				<td class="reg_right"><input type="text" id="username" name="name"/></td>
			</tr>
			<br />
			<tr>
				<td class="reg_left">密码:</td>
				<td class="reg_right"><input type="password" id="pwd" name="password" /></td>
			</tr>
			<br />
			<tr>
				<td colspan="2"><input type="button" id="btn" value="注册" /></td>
			</tr>
		
		</form>
	 	</div>
	</div>
	</body>
</html>

**CSS样式**

*{
	margin: 0px;
	padding: 0px;
}
	body{
			background-image: url(../img/2.jpg);
	}
	.c1{
		text-align: center;
	}
	#c2{
		width: 800px;
		height: 500px;
		border: dotted 2px royalblue;
		text-align: center;
		margin: 200px auto;
		
		
	}
	#c3{
		width: 300px;
		height: 210px;
		background-image: url(../img/img/img/47b9723448d8799e13c9ca916150a429.gif) ;
	}
	.reg_left{
		
		width: 200px;
		height: 80px;
		padding: 150px;
		
		
	}
	.reg_right{
	
            width: 200px;
            height: 32px;
            border: 1px solid #EEF1EE;
            /*
           设置圆角框
           */
            border-radius: 5px;
            padding-left: 10px;

	}
	.reg_right a{
		width: 20%;
		color: #000000;
		font-weight: 600;
	}
	#username,#pwd{
		width: 250px;
		height: 20px;
		margin: 50px auto;
	}



jQuery(document).ready(function(){
	var btn=document.getElementById("btn");
	btn.onclick=function(){
		var usenamer=document.getElementById("username").value;
		var pas=document.getElementById("pwd").value;
		$.ajax({
			type:"post",
			url:"http://122.206.152.1/server.php",
			data:{
				c:'user',
				a:'userRegister',
				//上面获取的用户值和密码值
				account:usenamer,
				password:pas
			},
			dataType:'json',
			/*success,类型：Function
                                请求成功后的回调函数。
                               参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。
                               这是一个 Ajax 事件。*/

			success:function(result){
				if(result.ret==0){
					
					alert('注册成功');
					location.href='load.html';
				}
				else{
					alert('注册失败');
				}
			},
			/*
			 error

    类型：Function

    默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

    有以下三个参数：XMLHttpRequest 对象、错误信息、（可选）捕获的异常对象。

    如果发生了错误，错误信息（第二个参数）除了得到 null 之外，还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

    这是一个 Ajax 事件。

			 */
			error:function(e){
				console.log(e.responseText);
			},
			async:true
		});
	}
})

Aliner961

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html登录网站

HTML注册页面```<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>测试</title> <script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script> <script type="text/javascript" src="j
复制链接

扫一扫