数据正常返回，填充到table出现问题，盼指教

dxy2798 2018-03-21 05:07:11
如题：表格里没有数据，而且一闪就没有了。。。盼指教



<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>人名模糊查询</title>

<script type="text/javascript" src="scripts/jquery-3.2.1.js"></script>

<script type="text/javascript" src="scripts/jquery.blockUI.js"></script>



<script type="text/javascript">



		function query(){

			var emp = $("#in").val();

				if(emp != ""){

				var url = "EmployeeServlet?method=empDetailes";

				var args = {"employeename": emp,"time":new Date()};

  				$.getJSON(url,args,function(data){

					var obj = eval(data);//可正常返回数据

					$("#empdetails tbody").html("");

					$("#empdatails").show();

					alert(obj.length);   //到这里也没有问题

					 for (var i = 0; i < obj.length; i++) {

						 	$("#id").text(obj[i].employeeId);

						 	$("#name").text(obj[i].name);

						 	$("#tel").text(obj[i].tel);

						 	$("#phone").text(obj[i].phone);

						 	$("#email").text(obj[i].email);

						 	$("#address").text(obj[i].address);

					 } 

				});

			}

		}

</script>

</head>

<body>

	<form action="">

	<h1>模糊查询</h1>

	请输入姓或名<input type="text" id="in"/>

	<input type="submit" id="go" onclick="query()"/>

	</form>

	<center>

<table id="empdatails" border="1" cellspacing="0" cellpadding="5" style="display: none">

      	<tr>

      		<th>Id</th>

      		<th>Name</th>

      		<th>Tel</th>

      		<th>Phone</th>

      		<th>Email</th>

      		<th>Address</th>

      	</tr>

      	<tr>

      		<td id="id"></td>

      		<td id="name"></td>

      		<td id="tel"></td>

      		<td id="phone"></td>

      		<td id="email"></td>

      		<td id="address"></td>

      	</tr>

      </table>

	</center>

</body>

</html>
...全文
619 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
dxy2798 2018-03-24
  • 打赏
  • 举报
 回复
经过楼上各位的指导，终于可以了。感谢各位提携后学，自学很艰难，一个别人看很简单的问题，能困扰好久，好在有各位，谢谢！
快乐的哈哈哈哈哈 2018-03-23
  • 打赏
  • 举报
 回复
页面table标签里面可以填上 tbody标签， 然后for循环往tbody里面插入html语言拼接，就可以
诺丽果 2018-03-23
  • 打赏
  • 举报
 回复
在 for (var i = 0; i < obj.length; i++) 循环里直接拼td
诺丽果 2018-03-23
  • 打赏
  • 举报
 回复
引用 13 楼 dxy2798 的回复:
还想再问一句，各位轻喷啊... 数据返回有很多，但是最后table里只有最后的一行，是哪里写错了， 

                     for (var i = 0; i < obj.length; i++) {
                            alert(obj[i].name);//这里可以循环取得姓名
                             $("#id").text(obj[i].employeeId);
                             $("#name").text(obj[i].name);
                             $("#tel").text(obj[i].tel);
                             $("#phone").text(obj[i].phone);
                             $("#email").text(obj[i].email);
                             $("#address").text(obj[i].address);
                     }
因为你的
 <tr>
              <td id="id"></td>
              <td id="name"></td>
              <td id="tel"></td>
              <td id="phone"></td>
              <td id="email"></td>
              <td id="address"></td>
          </tr>
只有一段啊，所以最后显示的这段tr的值是你json里面最后一条数据
dxy2798 2018-03-23
  • 打赏
  • 举报
 回复
@shzhh1992 谢谢回复,麻烦说说怎么直接塞入行，是说拼接<tr><td>吗？还是有办法直接把json直接装到table里？
shzhh1992 2018-03-23
  • 打赏
  • 举报
 回复
引用 13 楼 dxy2798 的回复:
还想再问一句，各位轻喷啊... 数据返回有很多，但是最后table里只有最后的一行，是哪里写错了， 

                     for (var i = 0; i < obj.length; i++) {
                            alert(obj[i].name);//这里可以循环取得姓名
                             $("#id").text(obj[i].employeeId);
                             $("#name").text(obj[i].name);
                             $("#tel").text(obj[i].tel);
                             $("#phone").text(obj[i].phone);
                             $("#email").text(obj[i].email);
                             $("#address").text(obj[i].address);
                     }
这样循环只能是每次循环到的数据放入那一行的，所以就只会放入最后一条数据，你应该直接塞入行，而不是塞入没一行的数据
dxy2798 2018-03-23
  • 打赏
  • 举报
 回复
还想再问一句，各位轻喷啊... 数据返回有很多，但是最后table里只有最后的一行，是哪里写错了， 

                     for (var i = 0; i < obj.length; i++) {
                            alert(obj[i].name);//这里可以循环取得姓名
                             $("#id").text(obj[i].employeeId);
                             $("#name").text(obj[i].name);
                             $("#tel").text(obj[i].tel);
                             $("#phone").text(obj[i].phone);
                             $("#email").text(obj[i].email);
                             $("#address").text(obj[i].address);
                     }
dxy2798 2018-03-23
  • 打赏
  • 举报
 回复
因为下面写好了表头和字段的id，不能在上面的循环里给每一行赋值吗？现在是前面赋的值被后面的覆盖了，所以只留下最后一个。我百度了一圈，是不是这样的问题简单，没找到解法，麻烦帮忙写个样子，伪码也行啊。
xiongdejun 2018-03-22
  • 打赏
  • 举报
 回复
先不说你的js是否有问题了。你的html就有点问题，既然使用ajax提交，那么为什么还要用from表单呢。而你的还是submit，当你点击的时候你会发现浏览器刷新了一些。 把你之前加载的数据又重新初始化了。所以把submit 换成 button 然后把from表单去掉
------ 2018-03-22
  • 打赏
  • 举报
 回复
你可以先判断下问题点在哪里，如果后台有数据，但是table没有显示，那就是后台展示数据的问题，你把table直接赋个默认值，比如 $("#id").text(1); $("#name").text(2); $("#tel").text(3); $("#phone").text(4); $("#email").text(5); 如果页面上能显示，说明还是填充问题。你的data数据是什么格式的？ for（。。。。。。）｛ debugger; 加个这个F12一步步调试下去 ｝
诺丽果 2018-03-22
  • 打赏
  • 举报
 回复
你看看你的json数据返回是什么样 贴出来看看 再看看你的obj[i].employeeId,obj[i].name等这些值取到没，感觉应该是你的json返回的格式跟你自己的这些取值方式不匹配
我纯洁全身都纯洁 2018-03-22
  • 打赏
  • 举报
 回复
把method=empDetailes写到args里面试试
open_yu 2018-03-22
  • 打赏
  • 举报
 回复
不要循环，看看有没有数据。
dxy2798 2018-03-22
  • 打赏
  • 举报
 回复
还真是，改成button后单条记录出来了
dxy2798 2018-03-22
  • 打赏
  • 举报
 回复
谢谢各位回复，我才学这个，很菜。 单条返回的记录是这样的：[{"employeeId":305,"name":"张三","email":"zhangsan@163.com","salary":0.0,"tel":"12345678","phone":"12345678910","address":"长安街1号"}] 多条是：[{"employeeId":305,"name":"张三","email":"zhangsan@163.com","salary":0.0,"tel":"12345678","phone":"12345678910","address":"长安街1号"},{"employeeId":306,"name":"李四","email":"lisi@sina.com.cn","salary":0.0,"tel":"23456789","phone":"11223344556","address":"永安里甲2号"}]
_小_小_ 2018-03-21
  • 打赏
  • 举报
 回复
$("#id") id只会取到第一个 dom 这里应该是 拼接 td 字符串 然后append 到 table
dxy2798 2018-03-21
  • 打赏
  • 举报
 回复
谢谢回复，我明天试试，不过我觉得不会有效果，你看那两个注释，数据是可以返回，就是进不了table,下面的代码我以前就这么写过，区别就是这次返回的json是一组数据。结果就不行了
qq_41228556 2018-03-21
  • 打赏
  • 举报
 回复
你把submit 换成 button 试试
dxy2798 2018-03-21
  • 打赏
  • 举报
 回复
看了，数据没进去，是哪儿写错了吧
imsprojo2FAN 2018-03-21
  • 打赏
  • 举报
 回复
F12 console
【数据分析-随到随学】数据可视化
掌握前端可视化技术Echarts ，了解JavaScript 语法掌握Python可视化的模块。PyEcharts Seaborn Matplotlib掌握前后端可视化模板搭建，数据填充，快速开发
ORACLE中将文本/EXCEL数据导入TABLE中
记录开发过程中实际运用案例(三) 如有不足请大家多多指教 方法一 (1) 在PLSQL中选择Tools (2) 选择Tools中选择Text importer (3) 将需要导入的数据用 Ctrl+V复制 点击 paste data 如图所示中的红框 (4) 点击 paste data之后 文件数据框中会出现所选择的数据 例： (5) 点击 Data to Oracle 选择数据库，...
使用POI向Word模版文档填充数据，一些注意事项以及解决办法
所以这里采取的解决办法是：先将文件模版转换为docx，填充好后，再通过POI转换为doc。（其中docx转换为doc的代码看了好多都没有好用的，试了下将在输入输出流进行读取时候，将文件名换一下，居然好用了，然而我并没有搞明白是为什么，同样希望可以请教下大佬。1. Word的两个格式doc和docx（两种文件的区别大家可以自行百度了解下），POI并没有提供统一的处理类。我这里用的依赖是比较老的依赖了，其他版本api名字可能有不同，当然也要注意下不同版本的poi的依赖之间可能会有冲突。有错误还请各位兄弟指出。
java poi 数据透视_java 通过 poi pivotTable 实现 数据透视表
最近有个需求是关于导出Excel数据透视表的，先写了一个简单的demo，有不足之处还请大佬讲解1.首先，我引入的poi是3.15版本的pom文件：org.apache.poipoi3.15org.apache.poipoi-ooxml3.152.在磁盘中，创建一个模板 模板位置自定义，然后在模板中添加数据(用这些数据生成数据透视表) 注意：这里数据的位置区域是A1:E4，下面在代码中用到逻辑代码：...
html填充10px,为何table中border-spacing:10px;不起作用啊?
我用样式表:table { border-collapse: separate; border-spacing: 10px; border:1px solid #000000; } ,想让表格单元格分离,可是为什么设置的border-spacing不起作用呢?请指教一下吧我就是想用CSS实现如下这种效果，可是border-spacing: 10px; 不起作用无标题文档...
Web 开发

81,095

社区成员

341,712

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章