该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
/p>
"http://www.w3.org/TR/html4/loose.dtd">
Welcome to Spring Web MVC project${us.name} | ${us.age} |
姓名:
年龄:
var num=0;
function add(){
if(num===5){
alert("插入的数据不能超过五条"); //这里手动限制了插入的对象不能超过五个,其实这里可以随便定义,甚至不定义上限。但var num=0这是一定要定义的。后面的代码有用到。
return;
}
var n=$("#name").val();
var a=$("#age").val();
$("#t").append(
"
"+"
"+"");
num++;
}
function sub(){
if(num===0){
alert("请添加数据");
return;
}else{
$("#f2").attr({action:"/ss/index/index2",method:"post"}).submit();
}
}
function del(v){ //此方法是用来删除已经被添加的对象信息
$(v).parent().parent().remove();
num--;
return;
}
function jsub(){ // 此方法是利用 json提交表单的方式传输数据,并将返回的数据显示出来,后台controller里面会把前台提交的各个对象信息直接再展示回前台。这里json方式会比较麻烦,因为是无刷新的,所以要手动清空一些东西。
if(num===0){
alert("请添加数据");
return;
}else{
$("#d").empty();
$.ajax({
type:"POST",
dataType:"json",
data:$("#f2").serialize(),
url:"/ss/index/indexjson",
success : function(data){
for (var s=0;s
var name=data[s].name;
var age=data[s].age;
var ss=$("
");
$("#d").append(ss);
}
}
});
$("#t").empty();
num=0; //因为ajax请求时不会刷新页面的,所以我们要手动让num归零。同时手动清空添加时所产生的表格。
}
}