- 还是jsp的问题，js获取jsp页面的html内容以及所填的数据
-
已经用var html = $("html").html(); 获取到了整个jsp页面的内容。但是一些日期框和input框,下拉框所填的值没得到有。怎么同时获取
标准浏览器html（）得到的是原始的html中的代码，包括value属性（如果没有value直接是没有的），输入控件输入过是得不到最新的值的，需要重新设置过value 这个attribute才行，看这个
js是对html的操作。jsp最终生成的也是HTML，所以获取html里标签就好了。
建议可以使用jQuery查找，另外input里面的值一般在value里面。
你用$("html").html();获得到的是html代码不是你需要的值，可以$(#id).val()获得，也可以根据$(#id).attr("").页面的下拉框写法一定要有value这个属性，比如：
请选择
${type.name}
/c:forEach
请选择这一项的value值是空“”；其他值的value是有值的，比如你把请选择这一项的value值里面写个1，那么当你选择请选择的时候，$("#tranTypeAdd").val()的值就是1 ，希望可以帮到你。
-
- JaredYang_csdn 格式有问题，我重新补充一下：<select id='tranTypeAdd' class="inpt_text" name="tranTypeAdd"><option value="">请选择</option><option value='${npcSysParaInfo.value}'>${npcSysParaInfo.name}</option></c:forEach></select>
- 2 年多之前 回复
var html = $("html").html(); 你这个获取得到的是整个页面的内容，如果在获得的时候你的日期框和input框,下拉框得值是没有的，你想要得到的值是你在做了操作之后才产生的值，那么你就需要利用js的选择器或者jquery选择器来获取你需要的值。
- 其他相关推荐
- 如何把一个jsp页面获取的动态时间传送到另一个页面
- 这是一个jsp页面获取的动态时间 ``` <%@ 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>Insert title here</title> </head> <body> <form action="111.jsp" method="post" onsubmit="return check(this)"> <script type="text/javascript"> function display(clock){ var now = new Date(); var year = now.getFullYear(); var month = now.getMonth(); var date = now.getDate(); var hour = now.getHours(); var minu = now.getMinutes(); var sec = now.getSeconds(); month = month+1; var time = year+"-"+month+"-"+date+" "+hour+":"+minu+":"+sec; clock.innerHTML = time; } window.onload=function(){ window.setInterval("display(clock)",1000); } </script> <table> <tr> <td> <div id="clock"></div> </td> </tr> <tr> <td> <input type="submit" value="提交"> </td> </tr> </table> </form> </body> </html> ``` 如何把这个获取到的时间提交到另一个页面显示出来？获取页面需要怎么改？接收页面应该怎么写？我写的“out.print(request.getParameter("clock"));”表示结果为null。
- 从数据库中获取的数据在jsp页面上的显示问题
- 做一个项目的时候，从数据库获取数据，用迭代的方式在前台显示，只能显示一部分的信息，就好像是有一个固定空间似的，只要内容超出了这个空间，就不能显示了，怎么解决？ 代码如下： ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!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"> var ksTime; //定义考试时间以分钟计算 ksTime = 120;//设置时间 这里设置为0.1代表是6秒,测试用 if (readCookie("ss") == "") { setCookie("ss", new Date(), ksTime / 60); } function sT() { var tti = new Date(); var lt = parseInt((tti - new Date(readCookie("ss"))) / 1000) if ((ksTime * 60 - lt) < 0) { setCookie("ss", new Date(), 0); alert("考试时间到!\n即将提交试卷!"); document.forms[0].submit(); } else { lm = Math.floor(lt / 60); ls = lt % 60; allY = ksTime * 60 - lt; ym = Math.floor(allY / 60); ys = allY % 60; document.getElementById("tTime").innerHTML = "考试已经开始了" + lm + "分" + ls + "秒" + ",剩余" + ym + "分" + ys + "秒"; var ttt = setTimeout("sT()", 1000); } } function readCookie(name) { var cookieValue = ""; var search = name + "="; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.length; end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; cookieValue = document.cookie.substring(offset, end) } } return cookieValue; } function setCookie(name, value, hours) { var expire = ""; if (hours != null) { expire = new Date((new Date()).getTime() + hours * 3600000); expire = "; expires=" + expire.toGMTString(); } document.cookie = name + "=" + value + expire; } </script> </head> <body onload="sT()"> <form action="submitExam" method="post"> <table align="center" bgcolor="#0066cc" width="66%"> <tr> <td align="left">考试时间:120分钟</td> <td align="center">考生：${studentInfo.studentName}</td> </tr> <tr> <td colspan="2" align="center"><div id="tTime"></div></td> </tr> </table> <table align="center" bgcolor="#DDDDDD" width="66%"> <tr> <td bgcolor="#ccffff">选择题（每小题5分，共20个）</td> </tr> <% int index = 1; int i = 1; %> <c:forEach items="${subjects}" var="subject"> <tr> <td ><input type="hidden" name="subjectID" value="${subject.subjectID}" /> <span style="background-color:#66ffff"> 第<%=index++%>题 ${subject.subjectTitle} </span></td> </tr> <tr> <td align="left"><input name="subjectAnswer<%=i%>" type="radio" value="A">A. ${subject.subjectOptionA}</td> </tr> <tr> <td align="left"><input name="subjectAnswer<%=i%>" type="radio" value="B">B. ${subject.subjectOptionB}</td> </tr> <tr> <td align="left"><input name="subjectAnswer<%=i%>" type="radio" value="C">C. ${subject.subjectOptionC}</td> </tr> <tr> <td align="left"><input name="subjectAnswer<%=i%>" type="radio" value="D">D. ${subject.subjectOptionD} <%i++; %> </td> </tr> </c:forEach> <tr> <td width="200px" ><input type="submit" value="提交试卷"></td> </tr> </table> </form> </body> </html> ``` 显示如下：  本来应该设置的应该显示10道题的，但是只显示到第8道题的题目，下面的都没有显示，就连提交按钮也没有显示。 郁闷了好久，想知道为什么没有全部显示出来——求大神帮忙！
- springmvc怎么获取前端（jsp）文件的数据
- 前端有一个文本框和一个按钮，在文本框输入内容后，点击提交，怎么把数据传到后台（springmvc），且此时页面不会跳转？ +++++++++++++++++++++++++++ 前端 ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> <form> <input type="text" name="name" id="word" placeholder="请输入内容"> <button id="btn" type="submit"></button> </form> </body> </html> ``` 后台： 不知道要用什么（ModelAndView、Model、session）？ +++++++++++++++++++ 请大神指教，谢谢
- servlet获取不到jsp页面的数据
- jsp： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/common.css"> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/register.css"> </head> <script src="<%=request.getContextPath()%>/js/jquery.js"></script> <script src="<%=request.getContextPath()%>/js/register.js"></script> <body> <div class="top"> <div class="banner"> <div class="icon"> <img src="<%=request.getContextPath()%>/img/otherimg/1.jpg" /> </div> <div class="title"> <span>欢迎注册广购书页！尽享多重优惠服务</span> </div> <div class="dologin"> <span>已有账号<a href="#">请登陆</a></span> </div> </div> </div> <div class="clear"></div> <div class="registerform banner"> <form action="ReServlet" method="post"> <div class="emailbox"> <div class="email"> <span>邮 箱：</span> <input type="text" name="email"/> </div> <span class="alertSpan">email地址不能为空</span> </div> <div class="pwdbox"> <div class="pwd"> <span>设置密码：</span> <input type="text" name="pwd"/> </div> <span class="alertSpan">您的密码可以由大小写英文字母、数字组成，长度6-16</span> </div> <div class="repwdbox"> <div class="repwd"> <span>确认密码：</span> <input type="text" name="repwd"/> </div> <span class="alertSpan">您输入的密码不一样，请重新输入！</span> </div> <div class="telbox"> <div class="tel"> <span>手机号码：</span> <input type="text" name="tel"/> </div> <span class="alertSpan">温馨提示：填写手机号码后将收到我们的促销短信、发货通知！</span> </div> <div class="codebox"> <div class="code"> <span>验证码：</span> <input type="text" name="code" style="width:130px"/> </div> <div class="codedetail"> <img alt="占位" src="<%=request.getContextPath()%>/img/otherimg/1.jpg"/> <a href="#">换一张</a> </div> </div> <div class="clear"></div> <div class="submitform"> <input type="submit" value="立即注册"/> </div> </form> </div> </body> </html> servlet： protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf-8"); response.setContentType("text/html;utf-8"); //System.out.println("shenmegui"); String email = request.getParameter("email"); System.out.println(email); response.getWriter().write("xxx"); }
- Java模拟HTTP请求如何获取请求页面中ajax方法的返回值
- 我有一个AAA.JSP页面是通过加载百度的地图API的JS文件，再调用其中的ajax请求方法获取地理坐标。地理坐标在该ajax方法的返回参数中的。我现在需要在服务器端获取地理位置信息，因此我通过java程序模拟HTTP请求，去访问AAA.JSP，但因为ajax是异步的，模拟程序访问该页面的时候，其中的ajax方法还没执行结束，服务器就返回了该页面的静态HTML内容，导致我无法获取地理位置信息。请问如何让服务器端在ajax执行完毕之后再返回呢？或者有什么其他的方案能解决这个需求呢。
- 表单提交后页面跳转问题
- 表单提交后html页面好像跳转了，对话框弹出新页面JavaScript写的内容，屏幕显示的还是原来的界面，地址栏也没变。但我手动输入新页面的URL地址，正确显示了新页面的内容和地址。 旧的页面是login.jsp，这是后端跳转的代码： @RequestMapping("/logUser") public String logUser(User user, Model model) { List<User> userlist1 = userService.searchUser1(); for (User user1 : userlist1) { if (user.getUsername().equals(user1.getUsername()) && user.getPassword().equals(user1.getPassword())) { model.addAttribute("loginsuccess", "登陆成功"); model.addAttribute("currentUser", user1); return "userindex"; } if (user.getUsername()==null||user.getUsername().trim()==""||user.getPassword()==null||user.getPassword().trim()=="") { model.addAttribute("loginnull", "请输入用户名或密码"); return "login"; } } model.addAttribute("loginfail", "用户名或密码错误"); return "login"; } 新界面userindex.jsp用EL表达式将model值取出，并用JavaScript获取元素弹框。登陆成功后提示登陆成功，但还在旧的页面  
- html 如何加载js和css 以及跳转 html页面
-  webpage下有一个文件夹放的是首页静态html，其他的文件夹都是jsp，web.xml中设置了欢迎页面为首页静态html，如何获取static中的js和css
- jsp页面获取值之后的处理
- 1.情况描述： 这是一个修改的功能： 在java后台往前段传值的时候，有个其他选择部门，部门为横向成列（需求：纵向成列），，怎么搞？ 点击选择的时候应为调用了回调函数，所以才纵向成列。 附上代码: jquery://其他发生部门 $("#otheroccureddepartid").val("<%=orgidInfo%>");//其他发生部门id $("#otheroccureddepartname").val("<%=orgnameInfo%>");//其他发生部门name jQuery("#seid_otheroccureddepartid").click(function() { var val = jQuery(":hidden[name='occuredorgid']").val(); if(val == "") { dialogAlert("必须先选择机构！"); jQuery("#btn_occuredOrg").focus(); } else { locate_tree_window('<%=contextPath%>','getDepartmentByUporgankey','forms[0]','otheroccureddepartid,otheroccureddepartname','checkbox','&uporgankey=' + val,'addResDept'); } }); //其他发生部门删除 $("#deid_otheroccureddepartid").click(function() { $("select[name='other_organkey'] option:selected").remove(); var ids = ""; var names = ""; $("select[name='other_organkey'] option").each(function(i) { ids += $(this).val() + ","; names += $(this).text() + ","; }); $("#otheroccureddepartid").val(ids.substr(0, ids.length - 1)); $("#otheroccureddepartname").val(names.substr(0, names.length - 1)); }); //其它发生部门回调函数 function addResDept() { var ids = $("#otheroccureddepartid").val().split(","); var names = $("#otheroccureddepartname").val().split(","); if ($("#otheroccureddepartid").val() != "") { var errorElement = $("select[name='other_organkey']").next( "LABEL.error:first"); $(errorElement).remove(); } if ($("#otheroccureddepartid").val() != "") { $("select[name='other_organkey']").empty(); if (ids.length == names.length) { for ( var i = 0; i < ids.length; i++) { if ($("select[name='other_organkey']").find("option[value='" + ids[i] + "']").val() == undefined) { $("select[name='other_organkey']").append("<option selected='selected' value='"+ids[i]+"'>"+names[i]+"</option>"); } } } } } 页面部分： <td nowrap="nowrap"> <html:hidden property="otheroccureddepartid" styleId="otheroccureddepartid"/> <html:hidden property="otheroccureddepartname" styleId="otheroccureddepartname"/> <html:select property="other_organkey" size="6" multiple="multiple" styleClass="required" style="width:150px"> <html:options collection="orgMap" property="label" labelProperty="value" /> </html:select> <a class="opera_btn" href="javascript:void(0);" id="seid_otheroccureddepartid"><em><b class="btn_checkmore">多选</b></em></a> <a class="opera_btn" href="javascript:void(0);" id="deid_otheroccureddepartid"><em><b class="btn_delete">删除</b></em></a> </tr> 第一张图片为：页面传值过来的图片（页面传值过来部门的排列也要和第二张图片一样）， 第二张图片为：点击多选过的页面（要求是这样）  各位大神处处主意
- 关于jsp页面导出成word文档，后台获取的数据不换行问题
- 如题，我讲一个jsp页面导出成word文档，采用<%@ page language="java" contentType= "application/vnd.ms-word; charset=UTF-8" %>的方法，页面中有从后台获取的数据放在table里，我设定了table的宽度，但是导出之后依旧不换行 jsp代码： <%@ page language="java" contentType= "application/vnd.ms-word; charset=UTF-8" %> <%@ page pageEncoding= "UTF-8" %> <%@ include file="/commons/global1.jsp"%> <%@ include file="/commons/basejs1.jsp"%> <% String name = (String)request.getAttribute("hospital_name"); String fileName = name + "调研报告.doc" ; //对中文文件名编码 //fileName = URLEncoder.encode(fileName, "utf-8"); byte[] yte = fileName.getBytes( "GB2312" ); String unicoStr = new String(yte, "ISO-8859-1" ); response.setHeader( "Content-disposition", "attachment; filename=" + unicoStr); %> <html> <script type="text/javascript"> $(document).ready(function(){ changeSize(); }); $(window).resize(function(){ changeSize(); }); function changeSize(){ var marginLeft = ($('.repotrbody').width()-850)/2; console.log(marginLeft) $('.ulss').css({'margin-left':marginLeft+'px'}); } </script> <body class='repotrbody'> <div class="easyui-layout" data-options="fit:true,border:false"> <div data-options="region:'center',border:false" title="" style="padding: 3px;width: 850px;"> <ul class='ulss' style="width:850px;word-wrap:break-word;"> <li style="width:850px;word-wrap:break-word;"> <table id="tab1" style="width: 850px; font-family: 微软雅黑; color: black;" align="center"> <tr> <td align="center">${hospital.hospital_name }</td> </tr> <tr> <td style="width:850px;word-wrap:break-word;"> 通过我们的调研，我们发现${reportTotal.problem} </td> </tr> <tr> <td> 现将具体调研情况汇报如下：</td> </tr> </table> </li> <li style="width:850px;word-wrap:break-word;"> <table id="tab2" style="width: 850px; font-family: 微软雅黑; color: black;" align="center"> <tr> <td> 一、系统上线后可优化的业务流程如下：</td> </tr> <tr> <td style="width:850px;word-wrap:break-word;">${reportTotal.flow}</td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> </li> </ul> </div> </div> </body> </html>
- 页面使用bootstrap的remote: url弹出一个表单模态框，为什么关闭后bootstrap Table获取不到当前选中行的数据了？
- ``` ``` ``` 第一次点击修改，能获取到列表选中行数据的ID，弹窗正常，然后关闭弹窗，什么都不动再次点击修改，却获取不到选中行的ID了，获取到的ID居然是table的id，之后再怎么切换选中的行数据，获取的ID都变成table 的ID，郁闷啊，一直找不到问题出在哪。 直接上代码，列表使用的是bootstrapTable,如下是列表的jsp代码： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>角色表列表</title> </head> <body style="overflow-x: hidden;overflow-y: auto"> <div id="page-inner"> <div class="row"> <div class="col-md-12"> <h1 style="margin: 1px 0 2px"> <small>角色表</small> </h1> </div> </div> <!-- /. ROW --> <div id="toolbar" style="margin-left: 3px;"> <a href="javascript:void(0);" class="btn btn-primary btn-sm" id="addForm"><i class="glyphicon glyphicon-plus"></i>新增</a> <a href="javascript:void(0);" class="btn btn-success btn-sm" id="editForm"><i class="glyphicon glyphicon-pencil"></i>修改</a> <a href="javascript:void(0);" class="btn btn-danger btn-sm" id="deleteData"><i class="glyphicon glyphicon-remove"></i>删除</a> </div> <table class="table table-bordered table-hover" id="roleTable"> </table> </div> <!-- 模态框 --> <div id="formModal" class="modal fade bs-example-modal-lg" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div id="formContent" class="modal-content"> </div> </div> </div> <!-- /.modal --> </body> </html> # // 下面是点击 修改 时的方法： $("#editForm").click(function(){ var id=""; var a= $('#roleTable').bootstrapTable('getSelections'); if(a.length==1){ id=a[0].id; }else{ layer.msg("只能选中一行数据进行修改！", {icon: 0}); return; } var url="/system/xxx/addForm?id="+id; $("#formModal").removeData("bs.modal"); $("#formModal").modal({ remote: url }); }); 下面为url对应的jsp页面： <%@ page language="java" contentType="text/html;charset=UTF-8"%> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">表信息</h4> </div> <form id="roleForm" class="form-horizontal form-label-left" novalidate> <input type="hidden" id="id" name="id" value="${role.id }"/> <input type="hidden" id="tempFileId" name="tempFileId" value="${role.id }"/> <div class="modal-body"> ....表单.....略... </div> <div class="m ```odal-footer" style="text-align: center;"> <button type="button" class="btn btn-danger" onclick="save();">保存</button> <but ```ton type="button" class="btn btn-primary" data-dismiss="modal">取消</button> </div> </form>
- JSP菜鸟一枚，请教如何实现在JSP页面点击button 按钮提交POST请求，并获取返回值
- JSP菜鸟一枚，请教如何实现在JSP页面点击button 按钮提交POST请求，并获取返回值，问题很困扰。 因为之前不太了解框架和技术，之前用过ajax、jquery，请求成功，但是返回值取不出来，因为跨域请求安全问题。准备用servlet，但是servlet需要在服务端做修改，显然不适合，我是接口调用。请问大家有什么好的方法，实现JSP页面按钮提交求情获取返回值，最好能给一段代码示例。 Index.jsp <%@ page language="java" import="java.util.*" %> <%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %> <%@ page import="WEB_API.*"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head header("Access-Control-Allow-Methods:GET,POST");> <base href="<%=basePath%>"> <title>中文显示示例</title> <meta http-equiv="Access-Control-Allow-Origin" content="http://eucpwx.mb345.com:443"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <% WEB_API wa=new WEB_API(); String res=wa.sendPost("17761280053", "验证码是123"); System.out.println(res); %> <script type="text/JavaScript" src="js/jquery-3.0.0.min.js" ></script> <script type="text/javascript"> function dianji(){ $.post("http://eucpwx.mb345.com:443/AppApi/User/GetUserList?UserID=SU0126&GetType=1&NowID=&GetNum=1&Other=&SearchUserName=", function(data){ alert("Data Loaded: " + data); }); } </script> </head> <body>中文显示示例 <br> <input id="test" type="text" value="jquery"/> <input id="btn" type="button" onclick="dianji()" value="单击弹窗"/> </body> </html> WEB_API.java package WEB_API; import java.awt.EventQueue; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.UnsupportedEncodingException; import java.net.MalformedURLException; import java.net.URL; import java.net.URLConnection; import java.net.URLEncoder; import javax.swing.*; import java.sql.Connection; import java.sql.DatabaseMetaData; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.ResultSetMetaData; import java.sql.SQLException; import java.sql.Statement; import java.sql.Types; import java.io.BufferedReader; import java.io.File; import java.io.FileOutputStream; import java.io.FileReader; import java.io.RandomAccessFile; import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSON.*; public class WEB_API{ private static Connection con = null; public static void main(String[] args) { } public WEB_API(){ } public static String sendPost(String url, String param) { PrintWriter out = null; BufferedReader in = null; String result = ""; String strUrl="http://eucpwx.mb345.com:443/AppApi/User/GetUserList?"; String strparam = "UserID=SU0126&GetType=1&NowID=&GetNum=1&Other=&SearchUserName="; try { URL realUrl = new URL(strUrl); URLConnection conn = realUrl.openConnection(); conn.setRequestProperty("accept", "*/*"); conn.setRequestProperty("connection", "Keep-Alive"); conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)"); conn.setDoOutput(true); conn.setDoInput(true); out = new PrintWriter(conn.getOutputStream()); out.print(strparam); out.flush(); in = new BufferedReader(new InputStreamReader(conn.getInputStream(),"UTF-8")); String line; while ((line = in.readLine()) != null) { result += line; } } catch (Exception e) { System.out.println("发送POST请求出现异常！" + e); e.printStackTrace(); } finally { try { if (out != null) { out.close(); } if (in != null) { in.close(); } } catch (IOException ex) { ex.printStackTrace(); } } return result; } } 火狐浏览器显示： 
- javascript生成的树形目录如何把读取的id传递给jsp页面
- 我用js读取数据库生成一个树形目录，树形目录做好了，可是不知道怎么把节点的id传到jsp页面或action里，最好action能通过request.getAttribute（）得到所点节点的id，还有就是不知道如何像有些论坛上一个，点不同的节点，右面显示不同的jsp，小弟第一次做，请指教，谢谢，下面是我用的js代码: var Tree = new function() { this._url = "tree.jsp"; //用于请求数据的服务器页面地址 this._openMark = "<img src='images/nolines_minus.gif'/>"+"<img src='images/folderopen.gif'/>"; //目录节点处于展开状态时的标识 this._closeMark = "<img src='images/nolines_plus.gif'/>"+"<img src='images/folder.gif'/>"; //目录节点处于关闭状态时的标识 this._itemMark = "<img src='images/page.gif'/>"; //非目录节点标识 this._initId = "treeInit"; //树形目录初始div标识 this._rootData = "IS安全等级保护基础库"; //根节点文字信息 this._boxSuffix = "_childrenBox"; //子节点容器后缀 this._folderType = "folder"; //目录节点类型变量 this._itemType = "item"; //非目录节点类型变量 //初始化根节点 this.init = function() { var initNode = document.getElementById(this._initId); //获取初始div var _node = document.createElement("div"); //创建新div作为根节点 _node.id = "1"; //根节点id为0 _node.innerHTML = this.createItemHTML(_node.id, this._folderType, this._rootData); initNode.appendChild(_node); //将根节点加入初始div } //获取给定节点的子节点 this.getChildren = function(_parentId) { //获取页面子节点容器box var childBox = document.getElementById(_parentId + this._boxSuffix); //如果子节点容器已存在则直接设置显示状态，否则从服务器获取子节点信息 if (childBox) { var isHidden = (childBox.style.display == "none"); //判断当前状态是否隐藏 childBox.style.display = isHidden?"":"none"; //隐藏则显示，如果显示则变为隐藏 //根据子节点的显示状态修改父节点标识 var _parentNode = document.getElementById(_parentId); _parentNode.firstChild.innerHTML = isHidden?this._openMark:this._closeMark; } else { var xmlHttp=this.createXmlHttp(); //创建XmlHttpRequest对象 xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) { //调用addChildren函数生成子节点 Tree.addChildren(_parentId, xmlHttp.responseXML); } } xmlHttp.open("GET", this._url + "?parentId=" + _parentId, true); xmlHttp.send(null); } } //根据获取的xmlTree信息，设置指定节点的子节点 this.addChildren = function(_parentId, _data) { var _parentNode = document.getElementById(_parentId); //获取父节点 _parentNode.firstChild.innerHTML = this._openMark; //设置节点前标记为目录展开形式 var _nodeBox = document.createElement("div"); //创建一个容器，称为box，用于存放所有子节点 _nodeBox.id = _parentId + this._boxSuffix; //容器的id规则为：在父节点id后加固定后缀 _nodeBox.className = "box"; //样式名称为box，div.box样式会对此节点生效 _parentNode.appendChild(_nodeBox); //将子节点box放入父节点中 var _children = _data.getElementsByTagName("tree")[0].childNodes; //获取所有item节点 var _child = null; //声明_child变量用于保存每个子节点 var _childType = null; //声明_childType变量用于保存每个子节点类型 for(var i=0; i<_children.length; i++) { //循环创建每个子节点 _child = _children[i]; _node = document.createElement("div"); //每个节点对应一个新div _node.id = _child.getAttribute("id"); //节点的id值就是获取数据中的id属性值 _childType = _child.getAttribute("isFolder")=="true"?this._folderType:this._itemType; //设置子节点类型 //根据节点类型不同，调用createItemHTML创建节点内容 if (_childType == this._itemType) { //非目录节点在最后多传一个link数据，用于点击后链接到新页面 _node.innerHTML = this.createItemHTML(_node.id, _childType, _child.firstChild.data, _child.getAttribute("link")); } else { //目录节点只需传递id，节点类型，节点数据 _node.innerHTML = this.createItemHTML(_node.id, _childType, _child.firstChild.data); } _nodeBox.appendChild(_node); //将创建好的节点加入子节点box中 } } //创建节点的页面片断 this.createItemHTML = function(itemId, itemType, itemData, itemLink) { //根据节点类型不同，返回不同的HTML片断 if (itemType == this._itemType) { //非目录节点的class属性以item开头，并且onclick事件调用Tree.clickItem函数 return '<span class="itemMark">'+this._itemMark+'</span>' + '<a href="Frame.do" style="text-decoration:none" target="main"><span class="item" >' +itemData+'</span></a>'; } else if (itemType == this._folderType) { //目录节点的class属性以folder开头，并且onclick事件调用Tree.getChildren函数 return '<span class="folderMark" onclick="Tree.getChildren(\'' + itemId + '\')">' + this._closeMark + '</span>' + '<span class="folder" onclick="Tree.getChildren(\'' + itemId + '\')">' + itemData + '</span>' } } //点击叶子节点后的动作，目前只是弹出对话框，可修改为链接到具体的页面 this.clickItem = function(_link) { return ; } //用于创建XMLHttpRequest对象 this.createXmlHttp=function() { var xmlHttp = null; //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式 } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式 } return xmlHttp; } }
- jsp上传文件页面报无法解析的编译问题
- index.jsp <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <html> <head> <title>带进度条的文件上传</title> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <link href="CSS/style.css" rel="stylesheet"> <script language="javascript" src="JS/AjaxRequest.js"></script> <script language="javascript"> //此处需要加&nocache="+new Date().getTime()，否则将出现进度不更新的情况 function getProgress(){ var loader=new net.AjaxRequest("showProgress.jsp?nocache="+new Date().getTime(),deal_p,onerror,"GET"); } function onerror(){ alert("上传文件出错！"); } function deal_p(){ var h=this.req.responseText; h=h.replace(/\s/g,""); //去除字符串中的Unicode空白符 document.getElementById("progressPercent").style.display=""; //显示百分比 progressPercent.innerHTML=h+"%"; //显示完成的百分比 document.getElementById("progressBar").style.display="block"; //显示进度条 document.getElementById("imgProgress").width=h*(255/100); //显示完成的进度 } function deal(form){ form.submit(); //提交表单 timer=window.setInterval("getProgress()",500); //每隔500毫秒获取一次上传进度 } </script> </head> <body> <form name="form1" enctype="multipart/form-data" method="post" action="UpLoad?action=uploadFile"> <table width="500" height="289" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bg.jpg"> <tr> <td width="61" rowspan="2"> </td> <td width="439" align="center"> <table width="80%" height="190" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> </td> </tr> <tr> <td height="34" style="color:#FFFFFF">请选择上传的文件：</td> </tr> <tr> <td height="42"><input name="file" type="file" size="42"></td> </tr> <tr> <td height="50" style="color:#FFFFFF"> 注：文件大小请控制在50M以内。</td> </tr> <tr> <td height="29" align="center" style="color:#FFFFFF"><div id="progressBar" class="prog_border" align="left"><img src="images/progressBar.jpg" width="0" height="13" id="imgProgress"></div> <span id="progressPercent" style="width:40px;display:none">0%</span></td> </tr> <tr> <td height="29" align="center"><img src="images/shangchuan.gif" width="61" height="23" onClick="deal(form1)"> <img src="images/chongzhi.gif" width="61" height="23" onClick="form1.reset();"> </td></tr> </table> </td> </tr> </table> </form> </body> </html> upload.java package com.wgh.servlet; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.util.*; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; /** * * @author administrator */ public class UpLoad extends HttpServlet { public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String action = request.getParameter("action"); if ("uploadFile".equals(action)) { this.uploadFile(request, response); // 上传文件 } } public void uploadFile(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=GBK"); request.setCharacterEncoding("GBK"); HttpSession session = request.getSession(); session.setAttribute("progressBar", 0); // 定义指定上传进度的Session变量 String error = ""; int maxSize = 50 * 1024 * 1024; // 单个上传文件大小的上限 DiskFileItemFactory factory = new DiskFileItemFactory(); // 基于磁盘文件项目创建一个工厂对象 ServletFileUpload upload = new ServletFileUpload(factory); // 创建一个新的文件上传对象 try { List items = upload.parseRequest(request);// 解析上传请求 Iterator itr = items.iterator();// 枚举方法 while (itr.hasNext()) { FileItem item = (FileItem) itr.next(); // 获取FileItem对象 if (!item.isFormField()) {// 判断是否为文件域 if (item.getName() != null && !item.getName().equals("")) {// 判断是否选择了文件 long upFileSize = item.getSize(); // 上传文件的大小 String fileName = item.getName(); // 获取文件名 // System.out.println("上传文件的大小:" + item.getSize()); if (upFileSize > maxSize) { error = "您上传的文件太大，请选择不超过50M的文件"; break; } // 此时文件暂存在服务器的内存中 File tempFile = new File(fileName);// 构造临时对象 // String savePath=tempFile.getName(); // //返回上传文件在客户端的完整路径名称 // request.setAttribute("filename", savePath); File file = new File(request.getRealPath("/upload"), tempFile.getName()); // 获取根目录对应的真实物理路径 InputStream is = item.getInputStream(); int buffer = 1024; // 定义缓冲区的大小 int length = 0; byte[] b = new byte[buffer]; double percent = 0; FileOutputStream fos = new FileOutputStream(file); while ((length = is.read(b)) != -1) { percent += length / (double) upFileSize * 100D; // 计算上传文件的百分比 fos.write(b, 0, length); // 向文件输出流写读取的数据 session.setAttribute("progressBar", Math .round(percent)); // 将上传百分比保存到Session中 } fos.close(); Thread.sleep(1000); // 线程休眠1秒 } else { error = "没有选择上传文件！"; } } } } catch (Exception e) { e.printStackTrace(); error = "上传文件出现错误：" + e.getMessage(); } if (!"".equals(error)) { request.setAttribute("error", error); request.getRequestDispatcher("error.jsp") .forward(request, response); } else { request.setAttribute("result", "文件上传成功！"); request.getRequestDispatcher("upFile_deal.jsp").forward(request, response); } } } 问题 java.lang.Error: 无法解析的编译问题： 无法解析导入 org.apache.commons.fileupload.disk 无法解析导入 org.apache.commons.fileupload.servlet DiskFileItemFactory 无法解析为类型 DiskFileItemFactory 无法解析为类型 ServletFileUpload 无法解析为类型 ServletFileUpload 无法解析为类型 com.wgh.servlet.UpLoad.<init>(UpLoad.java:15) sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62) sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45) java.lang.reflect.Constructor.newInstance(Constructor.java:423) java.lang.Class.newInstance(Class.java:442) org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103) org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:293) org.apache.coyote.http11.Http11AprProcessor.process(Http11AprProcessor.java:879) org.apache.coyote.http11.Http11AprProtocol$Http11ConnectionHandler.process(Http11AprProtocol.java:610) org.apache.tomcat.util.net.AprEndpoint$Worker.run(AprEndpoint.java:1777) java.lang.Thread.run(Thread.java:745) 求救
- jsp 页面怎么通过按钮提交POST请求，并获取返回值。
- 我用过ajax,jquery,提交请求可以，但是返回值获取不到，提示跨域请求的问题。直接放弃，因为我是接口请求。 index.jsp <%@ page language="java" import="java.util.*" %> <%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %> <%@ page import="WEB_API.*"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head header("Access-Control-Allow-Methods:GET,POST");> <base href="<%=basePath%>"> <title>中文显示示例</title> <meta http-equiv="Access-Control-Allow-Origin" content="http://eucpwx.mb345.com:443"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <% WEB_API wa=new WEB_API(); String res=wa.sendPost("17761280053", "验证码是123"); System.out.println(res); %> <script type="text/JavaScript" src="js/jquery-3.0.0.min.js" ></script> <script type="text/javascript"> function dianji(){ $.post("http://eucpwx.mb345.com:443/AppApi/User/GetUserList?UserID=SU0126&GetType=1&NowID=&GetNum=1&Other=&SearchUserName=", function(data){ alert("Data Loaded: " + data); }); } </script> </head> <body>中文显示示例 <br> <input id="test" type="text" value="jquery"/> <input id="btn" type="button" onclick="dianji()" value="单击弹窗"/> </body> </html> WEB_API.java package WEB_API; import java.awt.EventQueue; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.UnsupportedEncodingException; import java.net.MalformedURLException; import java.net.URL; import java.net.URLConnection; import java.net.URLEncoder; import javax.swing.*; import java.sql.Connection; import java.sql.DatabaseMetaData; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.ResultSetMetaData; import java.sql.SQLException; import java.sql.Statement; import java.sql.Types; import java.io.BufferedReader; import java.io.File; import java.io.FileOutputStream; import java.io.FileReader; import java.io.RandomAccessFile; import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSON.*; public class WEB_API{ private static Connection con = null; public static void main(String[] args) { } public WEB_API(){ } public static String sendPost(String url, String param) { PrintWriter out = null; BufferedReader in = null; String result = ""; String strUrl="http://eucpwx.mb345.com:443/AppApi/User/GetUserList?"; String strparam = "UserID=SU0126&GetType=1&NowID=&GetNum=1&Other=&SearchUserName="; try { URL realUrl = new URL(strUrl); URLConnection conn = realUrl.openConnection(); conn.setRequestProperty("accept", "*/*"); conn.setRequestProperty("connection", "Keep-Alive"); conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)"); conn.setDoOutput(true); conn.setDoInput(true); out = new PrintWriter(conn.getOutputStream()); out.print(strparam); out.flush(); in = new BufferedReader(new InputStreamReader(conn.getInputStream(),"UTF-8")); String line; while ((line = in.readLine()) != null) { result += line; } } catch (Exception e) { System.out.println("发送POST请求出现异常！" + e); e.printStackTrace(); } finally { try { if (out != null) { out.close(); } if (in != null) { in.close(); } } catch (IOException ex) { ex.printStackTrace(); } } return result; } } 
- JSP留言板的回复功能要怎么做
- 以下是留言页面 ``` <%@page import="org.model.Reply"%> <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@page import="org.model.*" %> <%@page import="org.dao.*" %> <html> <head> <title>留言板界面</title> <link rel="stylesheet" href="css/message_board.css"/> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/message_board.js"></script> </head> <body bgcolor="#ddd" > <div style="margin-left:35%;margin-top:100px;font-family:Microsoft YaHei"> <h1 style="margin-left:5%"> 留言板</h1> <% Login current=(Login) request.getSession().getAttribute("login"); String username=current.getName(); %> <h5>当前用户：<%=username %></h5> <form name="f1" action="leavemessage.jsp" method="post"> <table border="1"> <caption>所有留言信息</caption> <tr><th>id</th><th>留言人姓名</th><th>留言时间</th> <th>留言标题</th><th>留言内容</th><th style="height: 29px; "></th><th>回复时间</th><th>回复内容</th></tr> <% ArrayList<MessBoar> al=new ArrayList<MessBoar>(); al= (ArrayList)session.getAttribute("al"); if(al!=null){ Iterator iter=al.iterator(); while(iter.hasNext()){ MessBoar mb=(MessBoar)iter.next(); %> <% int id=new LoginDao().getIdByTime(mb.getTime()); String name=new LoginDao().getName(mb.getName()); String time=mb.getTime(); String title=mb.getTitle(); String message=mb.getMessage(); session.setAttribute("Rtitle", title); session.setAttribute("time", time); session.setAttribute("name", name); session.setAttribute("message", message); %> <tr> <td><%= id %></td><!--这个是想获取的id--> <td><%= name %></td> <td><%= time %></td> <td><%= title %></td><!--这个是想获取的title--> <td><%= message %></td> <td><a href="response.jsp?name=<%=name%>&?title=<%= title%>&?message=<%= message%>>">回复</a></td> </tr> <% } } %> </table> </form> <a style="margin-left:22%" href="leavemessage.jsp">留言</a> </div> </body> </html> ``` response.jsp是回复页面的代码 请问response.jsp的代码应该怎么写才能获取到传入的title和message以及id 并将title填到回复标题的input框里？ ``` <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@page import="org.model.MessBoar" %> <%@page import="org.dao.*" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>留言界面</title> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> </head> <body bgcolor="#ddd" style="font-family:Microsoft YaHei"> <div style="text-align:center;margin-top:140px"> <h1 >请回复</h1> <form action="responseServlet" method="post"> <table style="margin-left: 37%" border="1"> <caption>填写留言信息</caption> <% String title=request.getParameter("title"); String message=request.getParameter("message"); %> <tr><td>回复标题</td> <td>Re:<%=session.getAttribute("Rtitle") %></td> </tr> <tr><td>回复内容</td> <td><textarea name="message" rows="5" cols="35"></textarea></td> </tr> </table> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </form> <a href="main.jsp">返回留言板界面</a> </div> </body> </html> ```
- javascript 获取上传文件路径的问题
- 碰到个非常头疼的问题。 [code="java"] <html> <head> <script Language="JavaScript"> function change() { document.form1.pic.src=document.form1.file1.value; } </script> </head> <body> <form name="form1" enctype="multipart/form-data"> <td> 草图：</td> <td > <input type="file" name="file1" onchange="javascript:change()"> </td> <tr> <td>草图浏览：</td> <td> <img src="images/px.gif" name="pic" > </td> </form> </body> </html> [/code] 当点击浏览文件的时候，草图浏览会显示当前选择的图片。 很简单的一个功能，但是现在的问题是，这段代码在IE6工作正常，IE7，IE8完全没有反应。 还请多多指教。 ------------------------------------------------------------------------------------------------------------------ [b]问题补充：[/b] [quote="kjah"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script Language="JavaScript"> function change(){ var pic=document.getElementById("pic"); var file=document.getElementById("file1"); pic.src=file.value; if(file.files){ if(file.files.item(0)){ url=file.files.item(0).getAsDataURL(); pic.src=url; } } } </script> </head> <body> <form name="form1" enctype="multipart/form-data"> <td> 草图：</td> <td > <input type="file" name="file1" id="file1" onchange="change()"> </td> <tr> <td>草图浏览：</td> <td> <img src="images/px.gif" name="pic" id="pic" > </td> </form> </body> </html>[/quote] 刚使用了大哥的这段代码，仍然不行，经过查证发现。我原来的代码如果保存为html文件在本地IE6.7.8打开没有任何问题，问题出在，当我放到服务器端时，只有IE6才能出现出现我想要的效果。服务器端页面为jsp页面。求解。
- 在spring mvc 中使用@ResponseBody将对象封装为json发送给前端，前端接并提取在页面时候变成了undefined，是不是版本或者什么原因？
- spring mvc 中Controller的代码 ``` package cn.sxt.conntroller; import java.util.ArrayList; import java.util.List; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller public class JsonConntroller { @RequestMapping("/json") @ResponseBody public List<User> json(){ List<User> list = new ArrayList(); list.add(new User("jake", 10, "men")); list.add(new User("nico", 10, "women")); list.add(new User("joker", 10, "men")); return list; } } ``` index.jsp代码 ``` <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#b").click(function(){ $.post("json.do",function(data){ var html=""; for(var i = 0;i<data.length;i++){ html+="<tr><td>"+data[i].name+"</td><td>"+data[i].age+"</td><td>"+data[i].sex+"</td></tr>" } $("#content").html(html); }); }); }); </script> </head> <body> <input type="button" id="b" value="获取信息"> <table width="80%" align="center"> <tr> <td>name</td> <td>age</td> <td>sex</td> </tr> <tbody id="content"></tbody> </table> </body> </html> ``` 在浏览器上面的展示图  导入的jar包和jswen'jian jackson-annotations-2.9.9.jar jackson-core-2.9.9.jar jackson-databind-2.9.9.jar jquery-3.4.1.min.js
- js获取不了中间层
- 目的:我在一个弹出层里再次定义一个弹出层，可是用最后一层的弹出层用parent方法只能获取到最外层的页面； 页面1 main.jsp： 在这里我弹出一个层： function openMessageWindow(){ var diag = new Dialog("MessageIframe"); diag.Width = 970; diag.Height = 550; diag.Title = "MessageBox"; diag.URL = ""; diag.ShowMessageRow = false; diag.MessageTitle = "163"; diag.Message = "xyz"; diag.ShowButtonRow = false; //diag.Pos=[10,10]; diag.Modelstatic=false; diag.show(); } 页面2 MessageBox.jsp即上个层弹出的页面： function sendMsgWindow2(){ sendMessage = new Dialog("sendMsgIframe"); sendMessage.Width = 620; sendMessage.Height = 510; sendMessage.Title = "message"; sendMessage.URL = "<c:url value='/sendMsgPage.html'/>"; sendMessage.ShowMessageRow = false; sendMessage.MessageTitle = "message"; sendMessage.Message = "xyz"; sendMessage.ShowButtonRow = false; sendMessage.Modelstatic=false; sendMessage.show(); } 页面三 sendMsgPage.jsp为页面2弹出的层，我在页面三中，用parent获取的对象是页面1的对象，请问怎么才能获取到页面2的对象呢？
- 怎么获取复选框所对应的这行数据，然后在jsp页面将其隐藏掉？？？
- ``` //删除功能 $(function(){ var del; $("#dell").click(function(){ $("input:checkbox:checked").each(function(index,element){ del = $("input:checkbox[name='chkItem']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(','); }) alert(del); $.ajax({ url:"http://localhost:8080/MESS/Q001_del_delete", type:"post", dataType:"json", data:{"proNo":del}, success:function(rs){ if(rs.status == 0){ alert(rs.msg); //为什么就是隐藏不了呢？ $('#TQQ').hide()-----这个就是问题所在就是隐藏不了。。。。。 TSM_QPM_Q001(); }else{ alert(rs.msg); TSM_QPM_Q001(); } }, error:function(){ alert("删除加载失败 "); } }); }); }); ``` ``` //出现本页面数据就同步显示在表格中 $(function(){ TSM_QPM_Q001(); }); //进行一个函数的调用 function TSM_QPM_Q001(){ $.ajax({ url:"http://localhost:8080/MESS/getData", type:"get", datatype:"json", success:function(res){ var htmlStr =''; for(var i=0;i < res.length;i++){ var plo = res[i].proNo; //var wkStationNo = res[i].wkStationNo; htmlStr += '<tr id="myLine_'+res[i].proNo+'">'; htmlStr += '<td><input type="checkbox" id="TQQ" name="chkItem" value ="'+plo+'"></td>'; htmlStr += '<td>'+res[i].proNo+'</td>'; htmlStr += '<td>'+res[i].wkStationNo+'</td>'; htmlStr += '<td>'+res[i].stGrdNo+'</td>'; htmlStr += '<td>'+res[i].cItemName+'</td>'; htmlStr += '<td>'+res[i].cItemValue+'</td>'; htmlStr += '<td>'+res[i].wkGroup+'</td>'; htmlStr += '<td>'+res[i].wkShift+'</td>'; htmlStr += '<td>'+res[i].delFlage+'</td>'; htmlStr += '<td>'+res[i].c_memd+'</td>'; htmlStr += '<td>'+res[i].c_delsapman+'</td>'; htmlStr += '<td>'+res[i].cDelsapdate+'</td>'; htmlStr += '<td>'+res[i].cTimestamp+'</td>'; htmlStr += '<td>'+res[i].cSampleTime+'</td>'; htmlStr += '<td>'+res[i].cSw01+'</td>'; htmlStr += '<td>'+res[i].cMin+'</td>'; htmlStr += '<td>'+res[i].cMax+'</td>'; htmlStr += '<td>'+res[i].l_interval+'</td>'; htmlStr += '<td>'+res[i].r_interval+'</td>'; //htmlStr += '<a href="javascript:del('+res[i].id+')">删除</a>'; htmlStr += '</tr>'; } $("#myLine").html(htmlStr); }, error:function(){ alert("出错了！"); } }); } ``` 效果图如下：  现在的问题是怎么将图片中的复选框选中然后点删除按钮这条数据就消失了？其实就是隐藏。。后台数据都写好了。。就差这里怎么将选中的数据进行隐藏？？
- Java学习的正确打开方式
- 在博主认为，对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍，博客次之，这又是一个层次了，这里暂时不提后面再谈。博主将为各位入门java保驾护航，各位只管冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。 何谓学习？博主所理解的学习，它是一个过程，是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
- 程序员必须掌握的核心算法有哪些？
- 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过...
- 大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了
- 大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
- linux系列之常用运维命令整理笔录
- 本博客记录工作中需要的linux运维命令，大学时候开始接触linux，会一些基本操作，可是都没有整理起来，加上是做开发，不做运维，有些命令忘记了，所以现在整理成博客，当然vi，文件操作等就不介绍了，慢慢积累一些其它拓展的命令，博客不定时更新 free -m 其中：m表示兆，也可以用g，注意都要小写 Men：表示物理内存统计 total：表示物理内存总数(total=used+free) use...
- 比特币原理详解
- 一、什么是比特币 比特币是一种电子货币，是一种基于密码学的货币，在2008年11月1日由中本聪发表比特币白皮书，文中提出了一种去中心化的电子记账系统，我们平时的电子现金是银行来记账，因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述，这一层面介绍的文章很多，本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
- 程序员接私活怎样防止做完了不给钱？
- 首先跟大家说明一点，我们做 IT 类的外包开发，是非标品开发，所以很有可能在开发过程中会有这样那样的需求修改，而这种需求修改很容易造成扯皮，进而影响到费用支付，甚至出现做完了项目收不到钱的情况。 那么，怎么保证自己的薪酬安全呢？ 我们在开工前，一定要做好一些证据方面的准备（也就是“讨薪”的理论依据），这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
- 网页实现一个简单的音乐播放器（大佬别看。(⊙﹏⊙)）
- 今天闲着无事，就想写点东西。然后听了下歌，就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
- Python十大装B语法
- Python 是一种代表简单思想的语言，其语法相对简单，很容易上手。不过，如果就此小视 Python 语法的精妙和深邃，那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点，并附上详细的实例代码。如能在实战中融会贯通、灵活使用，必将使代码更为精炼、高效，同时也会极大提升代码B格，使之看上去更老练，读起来更优雅。
- 数据库优化 - SQL优化
- 以实际SQL入手，带你一步一步走上SQL优化之路！
- 通俗易懂地给女朋友讲：线程池的内部原理
- 餐盘在灯光的照耀下格外晶莹洁白，女朋友拿起红酒杯轻轻地抿了一小口，对我说：“经常听你说线程池，到底线程池到底是个什么原理？”
- 经典算法（5）杨辉三角
- 杨辉三角 是经典算法，这篇博客对它的算法思想进行了讲解，并有完整的代码实现。
- 使用 Docker 部署 Spring Boot 项目
- Docker 技术发展为微服务落地提供了更加便利的环境，使用 Docker 部署 Spring Boot 其实非常简单，这篇文章我们就来简单学习下。首先构建一个简单的 S...
- 英特尔不为人知的 B 面
- 从 PC 时代至今，众人只知在 CPU、GPU、XPU、制程、工艺等战场中，英特尔在与同行硬件芯片制造商们的竞争中杀出重围，且在不断的成长进化中，成为全球知名的半导体公司。殊不知，在「刚硬」的背后，英特尔「柔性」的软件早已经做到了全方位的支持与支撑，并持续发挥独特的生态价值，推动产业合作共赢。 而对于这一不知人知的 B 面，很多人将其称之为英特尔隐形的翅膀，虽低调，但是影响力却不容小觑。 那么，在...
- 面试官：你连RESTful都不知道我怎么敢要你？
- 干货，2019 RESTful最贱实践
- 刷了几千道算法题，这些我私藏的刷题网站都在这里了！
- 遥想当年，机缘巧合入了 ACM 的坑，周边巨擘林立，从此过上了"天天被虐似死狗"的生活… 然而我是谁，我可是死狗中的战斗鸡，智力不够那刷题来凑，开始了夜以继日哼哧哼哧刷题的日子，从此"读题与提交齐飞， AC 与 WA 一色 "，我惊喜的发现被题虐既刺激又有快感，那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享，经过激烈的颅内斗争，我决定把我私藏的十几个 T 的，阿不，十几个刷题网...
- 白话阿里巴巴Java开发手册高级篇
- 不久前，阿里巴巴发布了《阿里巴巴Java开发手册》，总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范，这些流程规范在一定程度上能够保证最终的项目交付质量，通过在时间中总结模式，并推广给广大开发人员，来避免研发人员在实践中容易犯的错误，确保最终在大规模协作的项目中达成既定目标。 无独有偶，笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范，并在实际工作中进行...
- SQL-小白最佳入门sql查询一
- 不要偷偷的查询我的个人资料，即使你再喜欢我，也不要这样，真的不好；
- redis分布式锁，面试官请随便问，我都会
- 文章有点长并且绕，先来个图片缓冲下！ 前言 现在的业务场景越来越复杂，使用的架构也就越来越复杂，分布式、高并发已经是业务要求的常态。像腾讯系的不少服务，还有CDN优化、异地多备份等处理。 说到分布式，就必然涉及到分布式锁的概念，如何保证不同机器不同线程的分布式锁同步呢？ 实现要点 互斥性，同一时刻，智能有一个客户端持有锁。 防止死锁发生，如果持有锁的客户端崩溃没有主动释放锁，也要保证锁可以正常释...
- 项目中的if else太多了，该怎么重构？
- 介绍 最近跟着公司的大佬开发了一款IM系统，类似QQ和微信哈，就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
- Nginx 原理和架构
- Nginx 是一个免费的，开源的，高性能的 HTTP 服务器和反向代理，以及 IMAP / POP3 代理服务器。Nginx 以其高性能，稳定性，丰富的功能，简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求，主要负责调度工作进程：加载配置、启动工作进程及非停升级。worker 进程负责处...
- “狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作
- 一、垃圾文字生成器介绍 最近在浏览GitHub的时候，发现了这样一个骨骼清奇的雷人项目，而且热度还特别高。 项目中文名：狗屁不通文章生成器 项目英文名：BullshitGenerator 根据作者的介绍，他是偶尔需要一些中文文字用于GUI开发时测试文本渲染，因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理，所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的： 你发现，...
- 程序员：我终于知道post和get的区别
- 是一个老生常谈的话题，然而随着不断的学习，对于以前的认识有很多误区，所以还是需要不断地总结的，学而时习之，不亦说乎
- 《程序人生》系列-这个程序员只用了20行代码就拿了冠军
- 你知道的越多，你不知道的越多 点赞再看，养成习惯GitHub上已经开源https://github.com/JavaFamily，有一线大厂面试点脑图，欢迎Star和完善 前言 这一期不算《吊打面试官》系列的，所有没前言我直接开始。 絮叨 本来应该是没有这期的，看过我上期的小伙伴应该是知道的嘛，双十一比较忙嘛，要值班又要去帮忙拍摄年会的视频素材，还得搞个程序员一天的Vlog，还要写BU...
- 加快推动区块链技术和产业创新发展，2019可信区块链峰会在京召开
- 11月8日，由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办，科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。 区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力，电力解决了人类基本的生活需求，互联网彻底改变了信息传递的方式，区块链作为构造信任的技术有重要的价值。 1...
- Java世界最常用的工具类库
- Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
- 程序员把地府后台管理系统做出来了，还有3.0版本！12月7号最新消息：已在开发中有github地址
- 第一幕：缘起 听说阎王爷要做个生死簿后台管理系统，我们派去了一个程序员…… 996程序员做的梦： 第一场：团队招募 为了应对地府管理危机，阎王打算找“人”开发一套地府后台管理系统，于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好，地府都是满格，哈哈！！！ 经常会有外行朋友问：看某网站做的不错，功能也简单，你帮忙做一下？ 而这次，面对这样的需求，这个程序员...
- 网易云6亿用户音乐推荐算法
- 网易云音乐是音乐爱好者的集聚地，云音乐推荐系统致力于通过 AI 算法的落地，实现用户千人千面的个性化推荐，为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践，以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开： AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今，网易云音乐平台持续提供着：乐屏社区、UGC...
- 【技巧总结】位运算装逼指南
- 位算法的效率有多快我就不说，不信你可以去用 10 亿个数据模拟一下，今天给大家讲一讲位运算的一些经典例子。不过，最重要的不是看懂了这些例子就好，而是要在以后多去运用位运算这些技巧，当然，采用位运算，也是可以装逼的，不信，你往下看。我会从最简单的讲起，一道比一道难度递增，不过居然是讲技巧，那么也不会太难，相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数，相信很多人都做过，一般的做法的代码如下...
- 为什么要学数据结构？
- 一、前言 在可视化化程序设计的今天，借助于集成开发环境可以很快地生成程序，程序设计不再是计算机专业人员的专利。很多人认为，只要掌握几种开发工具就可以成为编程高手，其实，这是一种误解。要想成为一个专业的开发人员，至少需要以下三个条件： 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中，后两个条件比较容易实现，而第一个...
- Android 9.0 init 启动流程
- 阅读五分钟，每日十点，和您一起终身学习，这里是程序员Android本篇文章主要介绍Android开发中的部分知识点，通过阅读本篇文章，您将收获以下内容:一、启动流程概述一、 启动流程概述Android启动流程跟Linux启动类似，大致分为如下五个阶段。1.开机上电，加载固化的ROM。2.加载BootLoader，拉起Android OS。3.加载Uboot，初始外设，引导Kernel启动等。...
