首页新闻找找看学习计划

后台能查询出来的值在页面没有办法循环显示出来,咋整?

0
[待解决问题]

要求查询的值在页面循环显示,后台所有的值都能查询到,可以在控制台台显示,jsp页面alert能弹出正确结果但是页面不显示是为啥?是不是我html哪里写错了?

 

 

 

 

以下是代码:

 

  1 <%@ page language="java" contentType="text/html; charset=utf-8"
  2     pageEncoding="utf-8"%>
  3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4 <html>
  5 <head>
  6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  7 <title>动态sql文的页面后台连接</title>
  8 <script type="text/javascript" src="js/jquery-1.11.0.js"></script> 
  9 </head>
 10 <style type="text/css">
 11     body
 12     {
 13         background-color: #FCFCFC;
 14         margin-top: 0px;
 15         margin-left: 0px;
 16     }
 17     table
 18     {
 19         width: 100%;
 20         table-layout: fixed; 
 21     }
 22     .tdd
 23     {
 24             text-overflow:ellipsis;  
 25            white-space:nowrap; 
 26            overflow:hidden;  
 27        }
 28     button
 29      {
 30          border-radius: 10px;   /* 设置按钮圆角 */
 31         background-color: #EDEDED; /*灰色 */
 32         border: 1px solid #BFBFBF;
 33         color: white;
 34         font-family:' 仿宋' ;
 35         font-size:12pt;
 36         padding: 2px 10px;
 37         text-align: center;
 38         text-decoration: none;
 39         display: inline-block;
 40         cursor: pointer;
 41     /*     float: left; */
 42     }
 43 
 44     button:hover 
 45     {
 46         background-color: #A1A1A1;/* 深灰 */
 47     }
 48 </style>
 49 <body>
 50     <form id="frm">
 51         <table width="100%" border="1px" cellspacing="0" cellpadding="0"  bordercolor="lightgrey"  id="tbe" >
 52             <tr class="trr" align="center" valign="middle">
 53                 <th class="tdd" height="35"  colspan="6">
 54                     <font style="font-size:24pt; font-family:'仿宋' ;">用户信息表</font>
 55                 </th>
 56             </tr>
 57             <tr class="trr" align="center" valign="middle">
 58                     <td class="tdd" height="30"  colspan="2">
 59                     </td>
 60                     <td class="tdd" height="30" >
 61                         <button onclick="ins();">增加信息</button>
 62                     </td>
 63                     <td class="tdd" height="30"   colspan="2">
 64                             <input type="text" id="txt1" placeholder="请输入查询的id"/>
 65                             <button onclick="selauto();">搜索</button>
 66                     </td>
 67                     <td class="tdd" height="30">
 68                             <button value="btn"  onclick="delall();">全部删除所选</button>
 69                     </td>
 70                 </tr>
 71                 <tr class="trr" align="center" valign="middle">
 72                     <td class="tdd" height="30"  >
 73                         全选<input type="checkbox" id="chk" name="check" value="chked" onclick="chkall();" />
 74                     </td>
 75                     <td class="tdd" height="30" >
 76                         用户编号
 77                     </td>
 78                     <td class="tdd" height="30"  >
 79                         账户名称
 80                     </td>
 81                     <td class="tdd" height="30"  >
 82                         账户密码
 83                     </td>
 84                     <td class="tdd" height="30"  colspan="2" >
 85                         操作
 86                     </td>
 87                 </tr>
 88                 <tr>
 89                     <tbody id="t_body"  > </tbody>
 90                 </tr>
 91         </table> 
 92         <div id="d1"></div>
 93         <input type="hidden"  name="hidd"  id="hidd"/> 
 94     </form>
 95 </body>
 96 <script>
 97     //增加
 98     function ins()
 99     {
100         alert("跳转增加页面");
101         window.open("index.jsp");
102     /*     window.location.href="index.jsp"; */
103     }
104     
105     //自动加载所有数据
106     function selauto()
107     {
108             alert("---search id---");
109             //异步刷新查找数据
110              $.ajax({
111                 type:"post",
112                 url:"selallServlet",
113                 data:
114                 {
115                     "userid":$("#txt1").val()
116                 },
117                 dataType:"json",
118                 success:function(data)
119                 {
120                     alert("success:"+data.userinfo);
121                     $("#t_body").empty(); 
122                      if(data.msg!="没有符合条件的数据"){ 
123                         $.each(data.userinfo,function(index,obj){
124                             alert(obj.userid+obj.username+obj.password);
125                             var str ="<tr><td>"+obj.userid+"</td>";
126                             str = str +"<td>"+obj.username+"</td>";
127                             str = str +"<td>"+obj.password+"</td></tr>";
128                             alert(str);
129                             /* $("#d1").html(str); */
130                             $("#t_body").append(str);
131                         });
132                      }else{
133                         $("#tby").html(data.msg);
134                     } 
135                 }
136             });  
137     }
138 
139     /* window.onload(selauto());//可以不加括号 */
140 </script>
141 </html>
荼蘼_D的主页 荼蘼_D | 菜鸟二级 | 园豆:204
提问于:2018-03-18 12:27
< >
分享
所有回答(2)
0

var str='';

$.each(data.userinfo,function(index,obj){
alert(obj.userid+obj.username+obj.password);
var str ="<tr><td>"+obj.userid+"</td>";
str = str +"<td>"+obj.username+"</td>";
str = str +"<td>"+obj.password+"</td></tr>";

/* $("#d1").html(str); */

});

$("#t_body").append(str);

而且<tr></tr>这个标签不应该在<tbody></tbody>里面吗? 

魂心 | 园豆:147 (初学一级) | 2018-03-19 10:19

<tr>这一行循环出来的值放在$("#t_body").append(str);     

#t_body是<tbody>的id ,这样不就是把内容放到<tbody></tbody>里了吗?

支持(0) 反对(0) 荼蘼_D | 园豆:204 (菜鸟二级) | 2018-03-20 14:12
0

你把他整理成var str = "<tr><td>"+obj.userid+"</td><td>"+obj.username+"</td><td>"+obj.password+"</td></tr>";试试

奶中有毒 | 园豆:155 (初学一级) | 2018-03-23 11:14

或者你先不append()在tbody上,$(.trr).append(str),看能pd额上去么

支持(0) 反对(1) 奶中有毒 | 园豆:155 (初学一级) | 2018-03-23 11:17
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册