现在要实现更新功能,怎么将本页面的值带到另外一个新的页面??急急急。。。求大神指点。。 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带参数啊,这不就可以了

简单暴力一点,直接用cookie存,再用cookie取

1.url后面带参数(JSON.stringify 和 JSON.parse) 2. cookie 3.localstorage/sessionstorage

上面URL的参数proNO=res[i].proNo是什么鬼,你应该找到被打钩的TQQ,然后知道是第几行,最好在开始拼接TD的时候就按行设定每个TD的id或者value,这样方便找到,然后或者我建议把找到的proNO加逗号拼接成一个String传递到下个页面,下个页面在按照逗号分隔就可以了。

你这个已经通过url地址传过去了,只是在那个页面接收的问题了。我这里帮你写个通用接收值的方法
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}

使用:
var proNo = getUrlParam('proNo');
这样就可以接收到那个页面传过来的参数了

共15条数据 首页 2
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中如何通过引用分类,实现自动在页面上显示当前分类中最新几个页面的列表