<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>get</title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<!-- 两种方法都可以改为GET -->
<!-- 提交方法一 method="post" -->
<form name="reg" action="handle.php" method="post">
用户名：<input type="text" name="username"/>
密码: <input type="password" name="pwd"/>
<input type="submit" value="提交" />
<a href="javascript:void(0)" id="submitBtn">提交</a>
</form>
<script type="text/javascript">
//设置username&&password必须同时输入才可以提交
$("form").on("submit", function(e) {
if($("input[name=‘username‘]").val() =="" || $("input[name=‘pwd‘]").val()==""){
e.preventDefault();
}
})
// 提交方法二 jQuert ajax
$("#submitBtn").on("click", function() {
$.ajax({
type:"POST",
url:"handle.php",
data:{
username:$("input[name=‘username‘]").val(),
pwd:$("input[name=‘pwd‘]").val()
},
success:function(result) {
console.log(result);
// window.location.href = "handle.php";
}
})
})
</script>
</body>
</html>