现在要实现更新功能,怎么将本页面的值带到另外一个新的页面??急急急。。。求大神指点。。 5C

图片说明

图片说明
图片说明

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!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>
<meta charset="utf-8">
    <title>炼钢成分分析</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>

    <style>
        body {
            position: relative; 
        }
        #section1 {padding-top:50px;height:700px;color: black; background-color: white;}
        #section2 {padding-top:50px;height:500px;color: black; background-color: white;}
    </style>
    <script type="text/javascript">

        //出现本页面数据就同步显示在表格中
        $(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("出错了!");
                }
            });
        }

        //删除功能
         $(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);
                            //为什么就是隐藏不了呢?
                            $("input:checkbox:checked").hide()
                            TSM_QPM_Q001();
                        }else{
                            alert(rs.msg);
                            TSM_QPM_Q001();
                        }
                    },
                    error:function(){
                        alert("删除加载失败 ");
                    }
                });
            });
        }); 

    </script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
    <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div>
            <div class="collapse navbar-collapse dropdown" id="myNavbar">
                <ul class="nav navbar-nav">
                    <li><a href="#section1">氩站监控图</a></li>
                    <li><a href="#section2">吹氩实绩</a></li>
                    <li><a href="#section3">吹氩运转</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav> 

<div id="section2" class="container-fluid">
        <h1 class="bg-info text-muted">吹氩实绩</h1>
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div style="display:inline-block;">
                            <a href="TiaoJianselect.jsp"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="CHAXUN">查询</button></a>
                            <a href="addTSM_QPM_Q001.jsp"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR">添加</button></a>
                            <button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="dell">删除</button>
                            <a href="update.jsp?proNo=res[i].proNo"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="updateCR">修改</button></a>
                        </div>
                    </div>
                </div>
        <h3 class="bg-info text-muted">炼钢成分标准表</h3>
        <div style="height:280px;border:1px solid green; overflow:auto;">
                <table class="table table-condensed table-hover table-bordered table-responsive text-center">
                    <thead>
                        <tr>
                            <th>操作</th>
                            <th>工序号</th>
                            <th>作业站号</th>
                            <th>钢种号</th>
                            <th>检验项目名称</th>
                            <th>检验值</th>
                            <th>班组</th>
                            <th>班次</th>
                            <th>删除标识</th>
                            <th>备注</th>
                            <th>删除人</th>
                            <th>删除时间</th>
                            <th>时间戳</th>
                            <th>取样时间</th>
                            <th>扩展字段</th>
                            <th>最小值</th>
                            <th>最大值</th>
                            <th>左区间</th>
                            <th>右区间</th>
                            </tr>
                    </thead>
                    <tbody id="myLine">
                        <!-- <tr>
                            <td><input type="button" value="删除" onclick=""><input type="button" value="修改" onclick=""></td>
                        </tr> -->
                    </tbody>
                </table>
                </div>
            </div>
        </div>

</body>
</html>

如本图,我要实现一个修改功能,所以需要将选中复选框的这一行数据在另外一个页面显示出来,但是我现在的问题是想上述的代码中我这个修改的按钮所携带的数据在另一个页面上是无效的。。。。怎么将这个页面的数据带到另外一个页面??
先在携带的数据是在上面的ajax里面获取的数据好像没有获取到。。。

15个回答

在url后面拼接,比如TiaoJianselect.jsp?name=值

先输出下你获取数据的方法是否正常,console.log一下 看是不是跟你传递的参数id一样,如果获取不到就是你的获取参数方法有问题

qq_39586869
qq_39586869 您好,我是这么想的,现在不是有个修改按钮吗,外面嵌套一个A标签,一点修改按钮它要去拿着被选中的复选框的id值去另外一个页面更具所携带的id值查询这条数据,在跳过来的这个页面当中将查到的数据展现出来,<a href="update.jsp?proNo=del"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="updateCR">修改</button></a>就是这样但是现在这个proNo=del这个值我怎么去取呢?这个值在上面图中删除注释下面。。怎么拿到?
接近 2 年之前 回复

你到底是通过url携带参数传递??还是通过ajax方法的data参数传递?

难度是不很大,这里的传送数据跟表单传送数据很类似,但是不能够使用POST形式的传送数据,所以尽管不可以指定METHOD,但是你可以采用GET上传数据的形式,即在连接后面添加如:nextPage.jsp?name=数据,这样你在下一个页面直接使用$_GET(name)方法,这样你就可以把这个值获取到。

在url 连接后面跟个数组,里边传个id 根据ID 用ajax 传到 控制器,处理,

.jsp?name=${name} 类似于这种

定义一个点击修改的事件a,遍历复选框,如果复选框选中,把选中复选框对应的主键传给后台一个方法,后台根据主键查询出该条记录,封装到Model中,然后跳转到Update.jsp
修改页面获取model中的属性

.jsp?name=${name} 类似于这种

然后在下一个页面中 用${param.name} 可以获取

增修一般是一起的,参数为id,id为空为新增,后台通过id获取对象,将对象传到前台,id为空就new一个对象传到前台,网页列表增修百分之九十的都是这种方式

可以将参数给一个控件比如说:<input value="${proNo}" id = "id"}
然后再获取:$("#id").val()

共15条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

10
html一个页面两个框架,实现锚点跳转,怎么实现呢?
7
通过js动态添加一个iframe到页面,且该iframe内嵌一个jsp页面该怎么实现
12
javaweb如何实现点击商品页面跳转到本商品的详情页面
1
微信公众号开发者模式图文信息引自己服务器上的页面没有点赞、评论等功能
4
请教Javascript如何实现双击选中页面中英文单词并将其颜色改变的功能
4
asp.net如何获取页面返回值
8
jsp页面添加按钮,实现下载文件的功能。
14
jsp页面中怎么实现只要一个按钮就能完成添加和修改两个功能?
3
关于jsp页面功能实现的问题
2
javascript怎么实现判断页面上的链接的功能,判断链接怎么用js语言实现呢?
3
javascript一个奇怪的小问题,怎么在javascrpt里面实现html页面的直写功能?
3
Bootstrapt的模态框链接另一个页面
2
h5怎么实现javascrip语言判断div的高度如何实现自适应的高度?怎么用代码实现页面判断?
4
javascrpt语言,怎么才能实现将数组从一个页面传递到下一个页面,并且进行判断?
3
javascript语言怎么实现一个文本框从一个页面导入到另一个页面?
1
javascrupt语言怎么实现用户拖动鼠标实现对页面上的文本框消除合并的功能?
1
如何实现在客户端或浏览器页面中集成一个类似plsqldeveloper一样的查询功能?
1
点击A页面按钮打开B页面,B页面数据是查询数据库得到的,点击B页面的按钮,怎么将B页面数据回填到A页面表格?
2
页面传值问题, 假设有一个注册页面
0
在mediawiki中如何通过引用分类,实现自动在页面上显示当前分类中最新几个页面的列表