jQuery實(shí)例
$(function(){
//調(diào)用加載數(shù)據(jù)函數(shù)
loadstu();
//為添加按鈕綁定一個(gè)添加動(dòng)作
$("#aid").click(function(){
$("#fill").show();
$("#myform").show();
});
});
//加載學(xué)生信息
function?loadstu(){
$.ajax({
url:"./model/action.php?a=index",
type:"GET",
dataType:"json",
success:function(data){
//alert(data);
varstr=null;
for(vari=0;i
"+data[i].id+"
"+data[i].name+"
"+data[i].sex+"
"+data[i].age+"
"+data[i].classid+"
刪除
str+="";
}
$("#stuid?tbody").empty();
$("#stuid?tbody").append(str);
}
});
}
//刪除函數(shù)
function?doDel(sid,ob){
//執(zhí)行ajax刪除
if(confirm("確定要?jiǎng)h除嗎六孵?"))
$.ajax({
url:"./model/action.php?a=del",
type:"POST",
data:{id:sid},
dataType:"json",
success:function(res){
//判斷是否刪除成功
if(res.num>0){
//alert(res.num);
$(ob).parents("tr").remove();
}
},
error:function(){
alert('error');
}
});
}
//執(zhí)行添加
function?doAdd(form){
//alert($(form).serialize());
$.ajax({
url:"./model/action.php?a=insert",
type:"POST",
data:$(form).serialize(),
dataType:"json",
success:function(res){
if(res.id>0){
$('#fill').hide();
$('#myform').hide();
$(form).find(":reset").trigger("click");
loadstu();//重新加載
}else{
alert('添加失敼肷А掷豺!');
}
}
});
return?false;
}
jQuery實(shí)例--Ajax信息的增刪改查等操作
學(xué)生信息
添加學(xué)號(hào)姓名性別年齡班級(jí)號(hào)
操作
姓名:
年齡:
性別:
男
女
班級(jí):