java中,用layui删除table表格数据,显示[object Object]怎么解决?

烟水寻常 2018-07-11 11:55:52

这个是jsp代码

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html>

<html>

<head>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">

</script>

<meta charset="utf-8">

<title>table模块快速使用</title>

<link rel="stylesheet" href="layui/css/layui.css" media="all">

</head>

<body>

 <script type="text/html" id="barDemo">

<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>

  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>

  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</script>

<table id="demo" lay-filter="test"></table>

<script src="layui/layui.js"></script>

<script>

layui.use('table', function(){

  var table = layui.table;



  //第一个实例

  table.render({

    elem: '#demo'

    ,height: 315

    

    ,url: 'text' //数据接口

    ,page: true //开启分页

    ,cols: [[ //表头

    	{field: 'userid', title: 'ID', width:80, sort: true, fixed: 'left'}

        ,{field: 'username', title: '用户名', width:80}

        ,{field: 'password', title: '密码', width:80, sort: true},

        {title:"执行操作",width:180,toolbar: '#barDemo'}

    ]]

  });

  

  table.on('tool(test)', function(obj){

		var data = obj.data;

		if(obj.event === 'detail'){

			layer.msg('ID：'+ data.id + ' 的查看操作');

		} else if(obj.event === 'del'){

			layer.confirm('真的删除行么', function(index){

   			$.ajax({

          		url: "/project1/src/project1/test.java",

          		type: "POST",

          		data:{"userid":data.userid},

          		dataType: "json",         		

         			success: function(data){            

              		if(data==null){    

              			layer.msg(data.userid);

               			layer.msg("删除失败", {icon: 5});                        

              		}else{ 

              			layer.msg(data.userid);

                 			//删除这一行

                  		obj.del();

                 			//关闭弹框

                  		layer.close(index);

                  		layer.msg("删除成功", {icon: 6});

                  		layer.closeAll();

		                parent.location.reload();

                  		Load(); //删除完需要加载数据

             			 }

          		},

          		error:function(){

          			alert(data);

          		},



      		});

			});

		}

  });

});

  





</script>

</body>

</html>

这个是url中test的代码

package project1;



import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;



import net.sf.json.JSONArray;

import net.sf.json.JSONObject;



/**

 * Servlet implementation class test

 */

@WebServlet("/test")

public class test extends HttpServlet {

	private static final long serialVersionUID = 1L;

       

    /**

     * @see HttpServlet#HttpServlet()

     */

    public test() {

        super();

        // TODO Auto-generated constructor stub

    }



	/**

	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

	 */

	protected void doGet(HttpServletRequest request, HttpServletResponse response) {

		// TODO Auto-generated method stub

		JSONObject obj=new JSONObject();

		int us=obj.getInt("userid");

		System.out.println(us);

		UserDAO userdao=DAOFactory.getUserDAOInstance();

		try {

			userdao.delete(us);

		} 

		catch (Exception e) {

			// TODO Auto-generated catch block

			e.printStackTrace();

		}

	}





	/**

	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

	 */

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

		// TODO Auto-generated method stub

		doGet(request, response);

	}



}