在网页上显示数据 [英] Displaying data on webpage

问题描述

我希望将ID作为字符而不是行中的数字

 machineCode = $（this）.attr（'id ）; 
 

我该怎么做？



< pre lang =HTML> <％@ page import = java.sql.ResultSet ％>
<％@ page import = org.dst.utils.Constants ％>
<％@ page import = org.eclipse.jdt.internal.compiler.impl.Constant ％>
<％@ page import = org.dst.db.conn.pool.Pool ％>
<％@ page import = org.dst.db.conn.pool.DBConnection ％>
<％@ page import = org.dst.db.conn.pool.DBConnection ％>
<％@ page import = java.sql.Statement ％>
<％@ page contentType = text / html pageEncoding = UTF-8 ％>

< jsp：include < span class =code-attribute> flush = f另外 page = header.jsp xmlns：jsp = ＃unknown > < span class =code-keyword>< / jsp：include >
< link rel = stylesheet href = css / jquery-ui.css >
< script type = text / javascript src = js / jquery-ui-min.js > < / script >
< script >
machineCode = ' A';
$（ document ）。ready（ function （）{
$（< span class =code-string> #fromDate）。datepicker（{dateFormat： dd / mm / yy}）;
$（ ＃toDate）。datepicker（{dateFormat： dd / mm / yy}）;

// ------- -----------设置报告URL
// 处理提交按钮
$（ ＃getReport）。点击（ function （）{
event.preventDefault（）;
var urlMade = / epcserver / MachineWiseService？fromDate = +
$ （ ＃fromDate）。datepicker（ getDate）。getTime（）+ & ; toDate = +
$（ ＃toDate）。datepicker （ getDate）。getTime（）+ &<％= Constants.userId％> = +
<％= 串 .valueOf（session.getAttribute（Constants.userId））％> +& <％ = Constants.machineCode％> =+ machineCode;
//查看页面的iFrame /刷新iFrame URL
$（＃reportContainer）。attr（src，urlMade）;
}）;
$（#_ getReport）。click（function（）{
var urlMade =/ epcserver / MachineWiseService？fromDate =+
$（＃fromDate）。datepicker（ getDate）。getTime（）+& toDate =+
$（＃toDate）。datepicker（getDate）。getTime（）+& <％ = Constants.userId％> =+
<％ = 字符串 .valueOf（session.getAttribute（Constants.userId））％> +& <％ = Constants.machineCode％> = + machineCode;
$（#_ getReport）。attr（href，urlMade）;
}）;

// ------------------用于将MachineCode设置为变量
$（。machineSelector）。单击（ function（）{
$（。machineSelector）。removeClass（'active'）;
machineCode = $（this）.attr（'id'）;
$（this）。 addClass（'active'）;
}）;
}）;
< / script >
< div id = container >
< div class = 行mywell >
< div class = span11 风格 = padding-删除10px; border-removed #DDD 1px solid; >
< < span class =code-leadattribute> h2 style = text-align：center; >
选择计算机ID和日期以查看报告。
< / h2 >
< / div < span class =code-keyword>>
< div class = span11 & gt;
< div class = btn-toolbar span5 >
< div class = btn-group >
< ;％
DBConnection dbConn = Pool.getInstance（）。getDBConnection（）;
语句语句= dbConn.getConnection（）。createStatement（）;
ResultSet rs = statement.executeQuery（ SELECT ID from epcserver.machine where ID_USERS = + session.getAttribute（Constants.userId））;
while （rs.next（））{
out.print（ < button class ='btn machineSelector'id = +（rs.getString（ ID））+ > +（ rs.getString（ ID））+ < / button>）;
}
Pool.releaseConnection（dbConn）;
％>
< / div >
< / div >

< div class = span5 style = < span class =code-keyword> margin-removed 9px; margin-removed 9px; >
< 表格 class = form-inline action = >
< 输入 id = fromDate 类型 = text class = 输入-small 占位符 = 从日期 / >
< 输入 id = toDate type = text class < span class =code-keyword> = input-small 占位符 = To Date / >
< 按钮 id = getReport 类型 = submit class = btn > 获取报告< / button >
< a id = _ getReport target = _ new class = btn > 在新标签页中获取报告< / a >
< / form >
< / div >
< / div >
< / div >
< div class = row >
< iframe class = span12 height = 400px id = reportContainer src = / >
< / div >
< / div >
< < span class =code-leadattribute> jsp：include flush = false page = footer.jsp xmlns：jsp = ＃unknown > < / jsp：include >

解决方案

（this）.attr（ ID'）;

我该怎么做？



< pre lang =HTML> <％@ page import = java.sql.ResultSet ％>
<％@ page import = org.dst.utils.Constants ％>
<％@ page import = org.eclipse.jdt.internal.compiler.impl.Constant ％>
<％@ page import = org.dst.db.conn.pool.Pool ％>
<％@ page import = org.dst.db.conn.pool.DBConnection ％>
<％@ page import = org.dst.db.conn.pool.DBConnection ％>
<％@ page import = java.sql.Statement ％>
<％@ page contentType = text / html pageEncoding = UTF-8 ％>

< jsp：include < span class =code-attribute> flush = f另外 page = header.jsp xmlns：jsp = ＃unknown > < span class =code-keyword>< / jsp：include >
< link rel = stylesheet href = css / jquery-ui.css >
< script type = text / javascript src = js / jquery-ui-min.js > < / script >
< script >
machineCode = ' A';

（ document ）。ready（ function （）{

（ #fromDate）。datepicker（{dateFormat： dd / mm / yy}）;

i want to get id as a character instead of number in the line

machineCode = $(this).attr('id');

how can i do this?

<%@page import="java.sql.ResultSet"%>
<%@page import="org.dst.utils.Constants"%>
<%@page import="org.eclipse.jdt.internal.compiler.impl.Constant"%>
<%@page import="org.dst.db.conn.pool.Pool"%>
<%@page import="org.dst.db.conn.pool.DBConnection"%>
<%@page import="org.dst.db.conn.pool.DBConnection"%>
<%@page import="java.sql.Statement"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<jsp:include flush="false" page="header.jsp" xmlns:jsp="#unknown"></jsp:include>
<link rel="stylesheet" href="css/jquery-ui.css">
<script type="text/javascript" src="js/jquery-ui-min.js"></script>
<script>
    machineCode = 'A';
    $(document).ready(function() {
        $( "#fromDate" ).datepicker({ dateFormat: "dd/mm/yy"});
        $( "#toDate" ).datepicker({ dateFormat: "dd/mm/yy"});
        
        // ------------------ For Setting up the Report URL
        // Handle the Submit button
        $("#getReport").click(function() {
            event.preventDefault();
            var urlMade = "/epcserver/MachineWiseService?fromDate=" +
                $("#fromDate").datepicker( "getDate" ).getTime() + "&toDate=" + 
                $("#toDate").datepicker( "getDate" ).getTime() + "&<%=Constants.userId%>=" + 
                <%=String.valueOf(session.getAttribute(Constants.userId))%> + "&<%=Constants.machineCode%>=" + machineCode;
            // View iFrame to the Page/Refresh the iFrame URL
            $("#reportContainer").attr("src", urlMade);
        });    
        $("#_getReport").click(function(){ 
            var urlMade = "/epcserver/MachineWiseService?fromDate=" +
                $("#fromDate").datepicker( "getDate" ).getTime() + "&toDate=" + 
                $("#toDate").datepicker( "getDate" ).getTime() + "&<%=Constants.userId%>=" + 
                <%=String.valueOf(session.getAttribute(Constants.userId))%> + "&<%=Constants.machineCode%>=" + machineCode;
            $("#_getReport").attr("href", urlMade);
        });
        
        // ------------------ For Setting up the MachineCode to the variable
        $(".machineSelector").click(function() {
            $(".machineSelector").removeClass('active');
            machineCode = $(this).attr('id');
            $(this).addClass('active');
        });
     });
</script>
<div id="container">
    <div class="row mywell">
        <div class="span11" style="padding-removed 10px; border-removed #DDD 1px solid;">
            <h2 style="text-align: center;">
                Select Machine ID & Dates to view the Report.
            </h2>
        </div>
        <div class="span11">
            <div class="btn-toolbar span5">
                <div class="btn-group">
                    <%
                        DBConnection dbConn = Pool.getInstance().getDBConnection();
                        Statement statement = dbConn.getConnection().createStatement();
                        ResultSet rs = statement.executeQuery("SELECT ID FROM epcserver.machine where ID_USERS = " + session.getAttribute(Constants.userId));
                        while (rs.next()) {
                            out.print("<button class='btn machineSelector' id=" + (rs.getString("ID")) + ">" + (rs.getString("ID")) + "</button>");
                        }
                        Pool.releaseConnection(dbConn);
                    %>
                </div>
            </div>

            <div class="span5" style="margin-removed 9px;margin-removed 9px;">
                <form class="form-inline" action="">
                    <input id="fromDate" type="text" class="input-small" placeholder="From Date"/>
                    <input id="toDate" type="text" class="input-small" placeholder="To Date"/>
                    <button id="getReport" type="submit" class="btn">Get Report</button>
                    <a id="_getReport" target="_new" class="btn">Get Report In New Tab</a>
                </form>
            </div>
        </div>
    </div>
    <div class="row">
        <iframe class="span12" height="400px" id="reportContainer" src=""/>
    </div>
</div>
<jsp:include flush="false" page="footer.jsp" xmlns:jsp="#unknown"></jsp:include>

解决方案

(this).attr('id');

how can i do this?

<%@page import="java.sql.ResultSet"%>
<%@page import="org.dst.utils.Constants"%>
<%@page import="org.eclipse.jdt.internal.compiler.impl.Constant"%>
<%@page import="org.dst.db.conn.pool.Pool"%>
<%@page import="org.dst.db.conn.pool.DBConnection"%>
<%@page import="org.dst.db.conn.pool.DBConnection"%>
<%@page import="java.sql.Statement"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<jsp:include flush="false" page="header.jsp" xmlns:jsp="#unknown"></jsp:include>
<link rel="stylesheet" href="css/jquery-ui.css">
<script type="text/javascript" src="js/jquery-ui-min.js"></script>
<script>
    machineCode = 'A';

(document).ready(function() {

( "#fromDate" ).datepicker({ dateFormat: "dd/mm/yy"});

这篇关于在网页上显示数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！