ajax js实现动态画表及刷新数据,Ajax实现动态显示并操作表信息

代码很详细，希望能对你有所帮助。

js文件内容如下：

$(function () {

$.ajaxSetup({

async:false

});

var url = "/Task/Fenlei"; //servlet的url

data = {};

data.flag = "all";

$.post(url,data,function (result) {

for(var i=0;i"+result.getAll[i].fenlei_Id+""+result.getAll[i].fenlei_Name+

"删除修改"

$("#AllInfo tr:last").after(newrow);

}

},"json");

$("#add").click(function () {

addData={};

var name = $("#name").val();

addData.name = name;

addData.flag = "add";

$.post(url,addData,function (result) {

var id = result.aFenlei.fenlei_Id;

var name = result.aFenlei.fenlei_Name;

var newrow = "

"+result.aFenlei.fenlei_Id+""+result.aFenlei.fenlei_Name+

"删除修改"

$("#AllInfo tr:last").after(newrow);

},"json");

});

});

function del(id) {

console.log(id);

var url = "/Task/Fenlei";

delData = {};

delData.flag = "delete";

delData.id = id;

$.post(url,delData,function (result) {

if(result) {

alert("删除成功");

$("#tr"+id).remove();

} else {

alert("删除失败");

}

},"json");

};

function edit(id) {

var url = "/Task/Fenlei";

editData = {};

editData.flag = "update";

var oldname = $("#td"+id).text();

$("#td"+id).html("");

$("#new").blur(function () {

var newname = $(".Input").val();

editData.newname = newname;

console.log(newname);

$("#td"+id).html(""+newname+"");

$.post(url,editData,function(result){

if(result) {

alert("修改成功");

} else {

alert("修改失败");

}

},"json");

});

}

jsp页面代码如下：

项目管理信息表

分类名称：

添加

分类Id

分类名称

操作处理的servlet内容如下：

public class FenleiServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request,response);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

request.setCharacterEncoding("utf-8");

response.setCharacterEncoding("utf-8");

String name = request.getParameter("name"); //项目分类名称

String flag = request.getParameter("flag");

String id = request.getParameter("id"); //项目分类Id

FenleiService cs = new FenleiService();

JSONObject json = new JSONObject();

if("all".equals(flag)) {

Listlist = cs.getAll(); //获取所有的项目分类信息

json.put("getAll",list);

response.getWriter().print(json.toJSONString());

}

if("add".equals(flag)) { //增加操作。

FenleiBean cb = cs.add(name);

json.put("aFenlei",cb);

response.getWriter().print(json.toJSONString());

}

if("delete".equals(flag)) { //删除操作

boolean result = cs.delete(id);

System.out.println(flag);

System.out.println(result);

if(result){

json.put("result",result);

json.put("msg","删除成功");

response.getWriter().print(json.toJSONString());

System.out.println(json.toJSONString());

} else {

json.put("result",result);

json.put("msg","删除失败");

response.getWriter().print(json.toJSONString());

}

}

if("update".equals(flag)) { //更新信息

System.out.println(flag);

String newname = request.getParameter("newname");

System.out.println("---------------update newname"+newname);

boolean result = cs.update(newname);

if(result){

json.put("result",result);

json.put("msg","修改成功");

response.getWriter().print(json.toJSONString());

System.out.println(json.toJSONString());

} else {

json.put("result",result);

json.put("msg","修改失败");

response.getWriter().print(json.toJSONString());

}

}

}

}

版权所有 IT知识库 CopyRight © 2000-2050 IT知识库 IT610.com , All Rights Reserved.

京ICP备09083238号