求用jquery实现简单的增删改查,不要求界面,最好是增删改查各用一个js文件写,使用框架不限,上传项目
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求用jquery实现简单的增删改查,不要求界面,最好是增删改查各用一个js文件写,使用框架不限,上传项目相关的知识,希望对你有一定的参考价值。
界面就一个简单的表,实体是学生信息,如姓名、性别、年龄之类的,不用弄太多属性,重点是实现过程
参考技术A function DeleteItemResourceMethod(lis)deletesn = lis;
$.ajax(
type: "POST",
contentType: "text/html; charset=utf-8",
url: '../../DeleteData.ashx?t=ResourceFile&s1=<%=Request.QueryString["Id"] %>&s=' + lis + '&MemberId=<%=Session["MemberId"] %>',
dataType: "text",
anysc: false,
data: ,
success: function (data)
if (data == "0")
art.dialog(
icon: 'face-sad',
content: '信息删除失败'
);
else if (data == "1")
art.dialog.tips('删除成功', 3);
$('#ResourceFile_' + lis).remove();
,
error: function (XMLHttpRequest, textStatus, errorThrown)
alert(errorThrown + ':' + textStatus); // 错误处理
); 参考技术B
//添加数据,自己写一个id是addtable的按钮。
$(document).ready(function()
var len=0;
$("#addtable").click(function()
len++;
$("#table1").append("这里写你要添加的td,自己写,我只写删除"+
"<td>"+
"<input type='button' id='td"+len+1+"5' onclick='del(this);detailJudge()' value='删除'/>"+
"</td>"+
"</tr>")
)
)
//删除
function del(r)
if(confirm("确定删除?"))
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('table1').deleteRow(i);
//查:
jsp:页面这样写:
查询:<input type="text" id="shai"/>
js:这样写:
$(document).ready(function()
$("#shai").keyup(function()
$("table tbody tr").hide().filter(":contains('"+($(this).val())+"')").show();
);keyup();//这句一定要有。
)
//你应该能看懂吧,其中, $("table tbody tr")根据你的情况修改。这儿的解释:你要找到table标签下的tbody标签下的tr。本回答被提问者采纳
以上是关于求用jquery实现简单的增删改查,不要求界面,最好是增删改查各用一个js文件写,使用框架不限,上传项目的主要内容,如果未能解决你的问题,请参考以下文章
在实际的java开发项目中想要实现简单的增删改查具体需要掌握哪些技能