<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="" method="post" >
<div><span>图书名称</span><input type="text" name="name" /></div>
<div><span>图书作者</span><input type="text" name="author"/></div>
<div><span>购买日期</span><input type="date" name="time"/></div>
<div><span>图书类别</span><select name="type">
<option checked="checked" value="0">请选择分类</option>
<option value="1">计算机/软件</option>
<option value="2">小说/文摘</option>
<option value="3">杂项</option>
</select>
</div>
</form>
<button id="bt" onclick="add()">增加</button>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
function add() {
var data = {};
//第一种方式是jq name选择器
//jq方法
var formobject= $('form').serializeArray()//数组
$(formobject).each(function(){
if(data[this.name]){
data[this.name]+=';'+this.value;
}else{
data[this.name]=this.value;
}
});
console.log(data);
for ( var i in data) {
if(data[i].trim()==""){
alert("请补全信息");
return;
}
}
if(data.type=="0"){
alert("请选择图书类型");
return;
}
if(true){
$.ajax( {
"url" : "addServlet", // 要提交的URL路径
"type" : "post", // 发送请求的方式
"data" : data, // 要发送到服务器的数据
"dataType" : "text", // 指定传输的数据格式
"success" : function(result) {// 请求成功后要执行的代码
console.log(result);
if(result=="true"){
alert("添加成功");
window.location.href="index.jsp";
}else{
}
},
"error" : function() {
alert("网络正忙");
}
} );
}else{
return;
}
}
</script>
</html>