用jquery代码如何实现当我点击“查看”按钮时，在弹出窗口或弹出页面，显示数据库的详细数据

Posted 2023-04-21

用jquery代码如何实现当我点击“查看”按钮时，加载一个新页面，显示数据库的详细数据，要求是新页面显示的数据必须与原来页面的数据相同，就是说取到的是数据库一样的东西，只不过原来页面数据显示在表格中，显示的是简略内容，现在点击查看按钮，在新页面展示详细内容。

先把查询出来的东西放入session对象，在当前页面读取出部分信息，为button按钮添加一个单击事件。查看详细信息也不一定非要在新页面，当前页面添加一个div，做成弹出窗口的效果即可如$("#button1").click(function()$("body").animate($(this).append("<div style='background:#aaa;position:fixed;left:400px;top:250px;width:400px;height:300px'></div>"),500);
这个是一个思路而已，div里面也可以放上其他html标签。弹窗效果有了，然后再把内容添加到这个div就行了，也可以用jquery的jquery ui插件里面的dialog方法弹窗。
，要是在新页面的话设定好样式，重新读取session内容即可。 参考技术A 给你的查看按钮添加一个id="view"
$("#view").click(function()
window.location= '路径' ; //跳转到指定页面
window.open('路径') ; //打开窗口
)
在路径后边传入参数，利用dwr可以在新页面的js里调用java,你可以把这些参数传入java中，根据这些参数查询出详细数据，返回绑定到页面上。不知道你是不是这个意思追问

不是，我是想按了查看按钮后，显示的还是原来页面的数据，必须与原来页面的编号一样，数据库的id一致，就像邮箱一样，你进入邮箱的是标题，内容等一串简略内容，点击打开时，显示的是另一个页面，不过都是一样的东西，只不过，这时候是详情而已

追答

就这样可以实现的，你在路劲后边加上 “路径&id=”+id
id就是你当前点击的记录id，在跳转之前获得到，在打开新界面的时候传过去
调用java方法查询这条记录详细，再绑定到界面不就可以了么

参考技术B 描述这么麻烦，不就是查看明细信息吗？点击按钮，把当前记录的id传到你所谓的新页面，请求java类，或者action，根据传过去的id查出当前记录的详细信息，用EL表达式或者标签什么的绑定到你的新页面，就OK了~ 参考技术C 新写个页面打开不就完了

用jQuery怎样控制点击按钮之后在<input>标签后面只添加一个子标签？在线等解答！

出现的问题是当我点击按钮之后，添加了一个i标签，但是当我再次点击的时候，还会继续往后添加i标签；我想实现的功能是：当我点击一次，添加一个i标签；再次点击之后不再添加i，结束循环添加；我的代码如下：<div class="div1"> <p><input type="text"></p></div><input type="button" value="提交"><script> var txt1="<i><i>"; $(".div1").find("input").after(txt1); </script>

方法一：
你先使用jquery移除掉以前的i标签，然后再次after，应该就可以了
//先创建i标签
var txt1 = "<i></i>";
//删除以前已经存在的i标签
$(".div1").find("i").remove();
//追加现在的i标签
$(".div1").find("input").after(txt1);
方法二：
你先在input后面写死一个i标签，然后控制起影藏，当点击按钮的时候，给这个i标签添加text（），然后控制其显示就可以了追问

好的，我试下，我就是不想在input后面写死一个i标签，才使用jQuery来控制的

参考技术A 每次添加i的时候先把之前的i标签清除追问

那怎样清除呢？有实例吗？

追答

可以给i标签价格id，
$("#id").remove();

加到添加方法前

参考技术B <label>
    <span class="fl fontWidth">工号/证件号：</span>
    <input type="text" id="uname" name="uname" value=""/>
</label>

verify.isNotEmpty('uname','批次名称');

var verify =
    isNotEmpty : function(inputid, title)
        var status = true;
        var str = "";
        var value = $.trim($("#" + inputid).val());
        
        if(value =="")
            $("#" + inputid).focus();
            str = title + "不可为空！";
            status = false;
        else
            str = "";
        
        if($("#verify_" + inputid).html() != undefined)
            $("#verify_" + inputid).html(str);
        else
            $("#" + inputid).after("<p class=\\"verify\\" id=\\"verify_" + inputid + "\\">" + str + "</p>");
        
        return status;