|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录angularJS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/login.css" />
<script type="text/javascript" src="js/jquery-1.8.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){ //DOM的
$("#button").click(function(){ //当按钮button被点击时的处理函数
postdata(); //button被点击时执行postdata函数
});
});
function postdata(){ //提交数据函数
$.ajax({ //调用jquery的ajax方法
type: "POST",//设置ajax方法提交数据的形式
url: "ajax_output.php",//把数据提交到ok.php
data: "username="+$("#username").val()+"&pass="+$("#pass").val()+"&age="+$("#age").val(),//输入框username pass age 多个值时用&符号中的值作为提交的数据
success: function(msg){ //提交成功后的回调，msg变量是ok.php输出的内容。
alert("数据提交成功"); //如果有必要，可以把msg变量的值显示到某个DIV元素中
}
});
}
</script>
</head>
<body>
<div class="container">
<div class="img-responsive" id="msg"></div>
<form class="form-signin" id= "form1" method="post" name="user_info" action="">
<h2>Please sign in</h2>
<input name="username" id="username" type="text" value="" />
<input name="pass" id="pass" type="text" value="" />
<input name="age" id="age" type="text" value="" />
<input type="submit" name="button" id="button" value="提交" />
</form>
</div>
</body>
</html>
<?php header("content-type:text/html;charset=utf-8");/* $mysql_username="localhost"; // 连接数据库用户名 $mysql_password=""; // 连接数据库密码*/ $mysql_database="test"; // 数据库的名字 // 连接到数据库 $conn = mysql_connect('localhost','root','') or die("MYSQL_connect:".mysql_errno()); mysql_select_db($mysql_database); $username=$_POST['username']; $pass=$_POST['pass']; $age=$_POST['age']; $sql = "INSERT INTO `login2` VALUES ('$username','$pass','$age')"; $query = mysql_query($sql); if($query){ echo '1'; }else{ echo '注册失败!'; }?> （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
