代码:
$(document).ready(function() {
$("#divs").hide();
$("#urlcontent").hide();
$("#loadMsg").hide();
})
function show() {
$.ajax({
global:true,
type : 'post',
url : "control",
data : {
method : 'show',
},
success : function(data) {
var divNode = $("#divs");
divNode.html("");
if (data != "null") {
var o = eval("(" + data + ")");
var title = $("
title
.html("|编号|姓名|心情|发布时间|");
title.appendTo(divNode);
$.each(o, function(i, n) {
var div = $("
var span = "|"
$.each(n, function(pro, val) {
span = span + "" + val + "|";
})
div.html(span).appendTo(divNode);
})
divNode.show();
} else {
$("#msg").html("没有数据信息");
}
}
});
}
function add() {
$("#divs").hide();
var a_name = $("#a_name").val();
var a_feeling = $("#a_feeling").val();
if (a_name == "" || a_feeling == "") {
alert("输入信息不能为空!");
return;
}
$.ajax({
type : 'post',
url : "control",
data : {
method : 'add',
a_name : a_name,
a_feeling : a_feeling
},
success : function(data) {
$("#msg").html(data);
$("#v_a_name").html(a_name);
$("#v_a_feeling").html(a_feeling);
}
});
}
function update() {
$("#divs").hide();
var a_id = $("#a_id").val();
var a_name = $("#a_name").val();
var a_feeling = $("#a_feeling").val();
if (a_id == "" && a_name == "" && a_feeling == "") {
alert("输入编号或者信息不能为空!");
return;
}
$.ajax({
type : 'post',
url : "control",
data : {
method : 'update',
a_name : a_name,
a_feeling : a_feeling,
a_id : a_id
},
success : function(data) {
$("#msg").html(data);
$("#v_a_id").html(a_id);
$("#v_a_name").html(a_name);
$("#v_a_feeling").html(a_feeling);
}
});
}
function del() {
$("#divs").hide();
var a_id = $("#a_id").val();
if (a_id == "") {
alert("输入编号不能为空!");
return;
}
$.ajax({
type : 'post',
url : "control",
data : {
method : 'delete',
a_id : a_id
},
success : function(data) {
$("#msg").html(data);
}
});
}
function query() {
var a_id = $("#a_id").val();
if (a_id == "") {
alert("输入编号不能为空!");
return;
}
$.ajax({
type : 'post',
url : "control",
data : {
method : 'query',
a_id : a_id
},
success : function(data) {
var divNode = $("#divs");
divNode.html("");
if (data != "null") {
var o = eval("(" + data + ")");
var title = $("
title
.html("|编号|姓名|心情|发布时间|");
title.appendTo(divNode);
$.each(o, function(i, n) {
var div = $("
var span = "|";
$.each(n, function(pro, val) {
span = span + "" + val + "|";
})
div.html(span).appendTo(divNode);
})
divNode.show();
} else {
$("#msg").html("没有数据信息");
}
}
});
}
说明:Ajax提交的URL是对应的处理业务的Servlet程。