0
点赞
收藏
分享

微信扫一扫

【汇智学堂】-AJAX+JAVA之二(新增数据前端界面)


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));
            }
        });
}


举报

相关推荐

0 条评论