AnwyunShareSystem
/
query.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>安网云分享系统</title>
		<script src="layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<style type="text/css">
			#sec {
				width: 300px;
				height: 100px;
				margin: 0 auto;
				margin-top: 15%;
				border-radius: 10px;
				box-shadow: 2px 1px 20px #B3B3B3;
			}

			#sec-sec {
				width: 232px;
				height: 100px;
				margin: 0 auto;
				background: #fff;
				line-height: 100px;
			}

			#sj {
				width: 300px;
				height: 50px;
				margin: 0 auto;
				margin-top: 30px;
				border-radius: 10px;
				box-shadow: 2px 1px 20px #B3B3B3;
			}

			#g {
				color: #B3B3B3;
				margin-left: 10px;
				margin-right: 10px;
			}

			#sj-sec {
				width: 232px;
				height: 50px;
				margin: 0 auto;
				background: #fff;
				line-height: 50px;
				font-size: 15px;
				color: #A6A6A6;
				text-align: center;
			}

			#sec-sec button {
				width: 70px;
				display: inline-block;
				border-radius: 0 10px 10px 0;
				margin-left: -5px;
				margin-top: -3px;
			}

			#sec input[name='userName'] {
				width: 150px;
				display: inline-block;
				border-radius: 10px 0 0 10px;
			}

			#foot {
				width: 750px;
				height: 300px;
				margin: 0 auto;
				margin-top: 50px;
			}

			#foot-text {
				width: 620px;
				height: 300px;
				margin: 0 auto;
				color: #B3B3B3;
			}

			#queryBut {
				width: 222px;
				margin: 0 auto;
				margin-top: 30px;
			}

			#queryBut button {
				width: 220px;
				border-radius: 10px 10px 10px 10px;
				box-shadow: 2px 1px 20px #B3B3B3;
				transform: all 1s initial;
			}

			#queryBut button:hover {
				box-shadow: 0px 0px 0px #B3B3B3;
			}

			#linkIin {
				width: 300px;
				margin: 0 auto;
				margin-top: 30px;
			}

			#linkIin #link {
				width: 300px;
			}
		</style>
	</head>
	<body bgcolor="">
		<div id="sec">
			<div id="sec-sec">
				<input type="text" name="userName" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
				<button id="scbut" type="button" class="layui-btn layui-btn-normal " onclick="cli('query');">查询</button>
			</div>
		</div>
		<div id="sj" hidden="hidden">
			<div id="sj-sec">
				<span>成功分享:</span><span id="fxsj">10</span><span id="g">|</span><span>当前积分:</span><span id="jfsj">1000</span>
			</div>
		</div>
		<div id="queryBut" hidden="hidden">
			<button type="button" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" onclick="cli('change');">兑换我的积分</button>
		</div>
		<div id="foot">
			<div id="foot-text">
				<span>1.输入生成红包时所使用的用户名即可查询红包数据</span><br>
				<span>2.每分享成功则分享方得100积分，被分享方获得与[美国入门型主机]等价预存款</span><br>
				<span>3.满500积分可提交兑换，兑换成功将按照100积分等于人民币1元折算为安网云预存款直接存入账户</span><br>
				<span>4.被分享方注册安网云后通过分享方链接领取奖励视为分享成功</span><br>
				<span>5.禁止代理IP、刷注册等作弊行为，安网云不定期进行人工检查。</span><br>
				<span>6.作弊者将直接禁封账户以及账户下所有产品并不予退款。</span><br>
				<span>7.本活动解释权归安网云所有</span>
			</div>
		</div>
	</body>
	<script>
		;
		! function() {
			var form = layui.form,
				layer = layui.layer;
		};

		function cli(Type) {
			var val = $("input[name='userName']").val();
			if (val == "") {
				layer.msg("用户名不许为空呦~");
			} else {
				$.ajax({
					url: "api.php",
					type: "post",
					data: {
						User: val,
						Type: Type
					},
					success: function(data) {
						var response = JSON.parse(data);
						if (response['code'] == 0) {
							layer.msg(response['msg']);
							$("#queryBut").hide();
							$("#sj").hide();
						} else if (response['code'] == 1) {
							$("#queryBut").show();
							$("#sj").show();
							$("#fxsj").html(response['fxsj']);
							$("#jfsj").html(response['jfsj']);
							layer.msg(response['msg']);
						}
					},
					error: function(data) {
						layer.msg("网络错误！");
						$("#queryBut").hide();
						$("#sj").hide();
					},
				})
			}
		}
	</script>

</html>