Html文件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>投资新增--汇智学堂后台管理</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../../layui2/css/layui.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">收支标题</label>
<div class="layui-input-block">
<input type="text" class="layui-input newsName" id="projectname" lay-verify="required" placeholder="请输入收支标题">
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">收支人</label>
<div class="layui-input-inline">
<input type="text" class="layui-input newsAuthor" id="investor" lay-verify="required" placeholder="请输入收支人">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">金额</label>
<div class="layui-input-inline">
<input type="text" class="layui-input newsAuthor" id="money" lay-verify="required" placeholder="请输入金额">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">时间</label>
<div class="layui-input-inline">
<input type="text" class="layui-input newsTime" id="investdate" lay-verify="required|date" onclick="layui.laydate({elem:this})">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">分类</label>
<div class="layui-input-inline">
<select id="classification" class="newsLook" lay-filter="browseLook" >
<option value="个人借款">个人借款</option>
<option value="个人还款">个人还款</option>
<option value="项目欠款">项目欠款</option>
<option value="项目回款">项目回款</option>
<option value="应付个人">应付个人</option>
<option value="应付个人">已付个人</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">内容描述</label>
<div class="layui-input-block">
<textarea placeholder="请输入收支内容描述" id="useforwhat" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="addNews" onclick="addinout()">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary" onclick="returnlist()">返回</button>
</div>
</div>
</form>
<script type="text/javascript" src="../../layui2/layui.js"></script>
<script type="text/javascript" src="inoutAdd2.js"></script>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>
JS函数:
function addinout() {
var projectname = $("#projectname").val();
var investor=$("#investor").val();
var money=$("#money").val();
var investdate=$("#investdate").val();
var classification=$("#classification").val();
var useforwhat=$("#useforwhat").val();
var data={
"projectname":projectname,
"investor":investor,
"money":money,
"investdate":investdate,
"useforwhat":useforwhat,
"classification":classification
}
$.ajax({
type : "post",
url : "/servletinout?do=add",
data : data,
cache : true,
async : true,
success: function (msg ){
alert(msg);
if(msg=='1'){
alert('成功了');
}
else{
alert('失败了');
}
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
alert(typeof(errorThrown));
}
});
}