jsp中怎么让在前一个div的js中调用后一个div的js中的函数?

如题,在jsp页面有三个div a,b,c想让a中的一个函数调用b中的一个函数,然后b中的这个函数,调用c的一个函数,有方法实现么?

11个回答

 <script language="javascript"> 
    function a(){
        alert("a");
        b();
    }

    function b(){
        alert("b");
        c();
    }
    function c(){
        alert("c");
    }
</script>
aaa
bbb
ccc

点击aaa div触发a函数,之后a函数调用b函数,b函数调用c函数

qq_35436516
JHCan333 我想在页面初始化的时候就调用,可以不?
大约 3 年之前 回复

可以的啊 function xxx(){} 调用xxx(); 不就可以了

qq_35436516
JHCan333 我想在页面初始化的时候就调用,可以不?
大约 3 年之前 回复

div是dom,和函数什么关系。。直接加onclick调用对应的函数就行了

showbo
支付宝加好友偷能量挖 回复王蛇无毒: 当然可以,但是你调用代码要放到dom下面,要不会找不到对象什么的
大约 3 年之前 回复
qq_35436516
JHCan333 我想在页面初始化的时候就调用,可以不?
大约 3 年之前 回复

我想在页面初始化的时候就调用,可以不?

直接引用外部文件,在加载body时采用onload事件加载进去,到那都能用了。

放在$(function(){
a();
})
function a(){
b();
}
function b(){
c();
}
....
这样下去就可以啦

没必然联系吧,直接调用不就好了?js跟dom是有关系,但不是你想的那样隔开的。

页面初始化直接调用 使用init()方法 或者在

function load(){
alert("调用a");
a();
}

function a(){
alert("a");
b();
}

function b(){
    alert("b");
    c();
}
function c(){
    alert("c");
}

或者在

上面的解答是正确的,但是没必要弄这么复杂,你直接把要显示的数据计算好,页面只做显示,不要加入太多的逻辑。
这种页面方法不断嵌套会加大逻辑复杂度。

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js给div赋予id,这个id可以被调用吗?
我在js中创建了一个div,然后给这个div赋予了id。然后在下面写了一个点击事件,是靠id的。在浏览器中看代码,有显示id,可是这个点击事件触发不了。(我换成别的在jsp中定义好id的div的id,就可以触发点击事件)请问有人知道是为什么吗?
通过左边的菜单调用右边的div
在浮动框架中通过点击左边菜单栏的class加载右边jsp通过右边div的id的方法怎么写?
一个jsp页面调用另一个页面并改变框架地址
Web目录下有两个页面,a.jsp与b.jsp b.jsp里有一个iframe框架,id是rightcontent 我想在a.jsp页面用js方法调用b.jsp,并改变iframe框架的url; 下面代码在本地测试可用,上传至服务器就不行了,js错误提示document.getElementById("...")为空或不是对象 不知是因为b.jsp页面打开还未加载到iframe还是怎么回事,如果是的话又能不能在a.jsp的js方法里判断b.jsp已经加载完成了呢 a.jsp页面js方法 function veer(url){ var o=window.open("jsp/b.jsp"); o.document.getElementById("rightcontent").src=url; } b.jsp页面iframe框架 <div class="right"> <iframe name="rightcontent" id="rightcontent" scrolling="no" frameborder="0" width="100%" heigth="797" src="product.do?pa=loads&url=index1"></iframe> </div> 只有5分,望各位解决下,谢谢。
请教一个Ajax调用后JS不生效的问题
a.jsp通过Ajax调用b.jsp,然后返回b.jsp的内容显示在a.jsp中。现在遇到一个问题,就是在b.jsp中定义了js,在a.jsp中click button并没有调用该js。在firefox中通过Firebug查看源代码。把它保存成html或jsp,js都可以被调用。请教大侠,问题出在哪?谢谢! -----a.jsp----------------------- <%@ page language="java" contentType="text/html" %> <% String tt = "Title"; %> <%=tt %> <button id="getContent" name="getContent" onclick="getContent();">Get Content</button> <p></p> <div id="myDiv"> </div> <p></p> End <script type="text/javascript"> xmlhttp = new XMLHttpRequest(); function getContent() { xmlhttp.open("POST","b.jsp",true); xmlhttp.send(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } } </script> --------------------b.jsp------------------------- <%@ page language="java" contentType="text/html" %> <% String aa = "To include jsp"; %> <%=aa %> <br /> <input id="myname" name="myname" /> <button id="getName" name="getName" onclick="getName();">Get Name</button> <script type="text/javascript"> function getName() { alert("ok"); document.getElementById("myname").value = 'Bill'; } </script> ---------------------src.html--------------------------- <html><head></head><body>Title <button onclick="getContent();" name="getContent" id="getContent">Get Content</button> <p></p> <div id="myDiv"> To include jsp <br> <input name="myname" id="myname"> <button onclick="getName();" name="getName" id="getName">Get Name</button> <script type="text/javascript"> function getName() { alert("ok"); document.getElementById("myname").value = 'Bill'; } </script></div> <p></p> End <script type="text/javascript"> xmlhttp = new XMLHttpRequest(); function getContent() { xmlhttp.open("POST","b.jsp",true); xmlhttp.send(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } } </script> </body></html> -----------------------End------------------------
能否使用struts实现不同div的跳转?
在第一张jsp中使用<div class="1">标签中的<input type="button">中的onclick事件调用ajax方法,跳转到了struts,但是struts返回另一张jsp页面后,发现只是<div class="1">变化为了返回的jsp页面。有没有方法可以指定变化的<div>啊?
div在IE中如果数据较多导致层掉下
在开发的时候 发现在IE中层(div) 里面显示数据如果比较多 会导致上面出现大面积空白(div掉下去了),这个问题有人遇到没?还是个例? 希望大哥们指点一二。。。。在ff中没问题 BS 下IE 史上最烂-_-!!! [b]问题补充:[/b] [code="javascript"] $("#simpletonebody").html(loading_text); $.get("/user/querypersonaltone.do?flag_t=0&tone_ids="+tone_ids+"&r="+Math.random(),function(obj){ jQuery("#simpletonebody").html(obj); }); [/code] 这是个调用的js代码,simpletonebody是个div 里面加载一个.do 返回的页面(.jsp),页面就是做显示 下面的两幅图是IE和FF分别得截图 晕。限制不能上传。。。 [b]问题补充:[/b] [code="css"]#simpletonebody{width:640px; height:450px; vertical-align:top;margin-top:0;margin-left:15px;}[/code] 这是样式 [b]问题补充:[/b] 蔡华江 大哥的也不行啊。。。还有什么解决方案不? [b]问题补充:[/b] 我们这破公司很恶心。所有的上传全部屏蔽了。网站都只能上几个技术网站 [b]问题补充:[/b] [code="java"] <div style="clear:both;"></div> [/code] 谢谢 蔡华江 大哥 加上这个真的可以了。。嘿嘿。刚才改错地方了没看到效果,以为不行。。。分不多,下次借个分多的补给您撒。。。又学习了一招。。。谢谢大家了
jqueryajax中如何调用service()方法,返回值是list
service(): public class UserServiceImpl implements UserService { private UserDao userDao; public void setUserDao(UserDao userDao) { this.userDao = userDao; } public List<User> getAll() { return userDao.getAll(); } jsp: <script type="text/javascript" src="/Demo_001/js/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ $.post(url,data,calback); }); }); </script> </head> <body> <a href="user_getAll.action">${count}人!</a> <br> <button type="button" id="bt"> 本页加载 </button> <div id="content"> </div> </body> </html> 帮忙详细指导,主要是想在jsp页面中的js通过jquery ajax对service()方法调用,并遍历list的值显示在<div id="content">中
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; } }
java中 点击按钮调用action方法 谢谢
页面使用easyui,已经写好了一个按钮,想调用 java中action 方法(已知 action 的名字 inserttbchart) 就是点击按钮然后调用后台的action方法,jsp代码如下 /* -----图形导入按钮 ------*/ {btn:{id:'chartimport',disabled:false,text:'导入图形到基本档',iconCls:'icon-undo'}, fn:function(){ $('chartimport').form("clear"); }}, <body> <!-- 图形导入 --> <div id="chartimport" action="inserttbchart"> </div> </body>
小弟请教一下在JSP中使用Ajax如何实现局部刷新?
在action中如何把对象转成json格式,在jsp页面怎么取出? $.ajax是用这个方法是吧? 这是我的action: PageBean pg=fen.queryForPage(type,9, page); JSONArray json=JSONArray.fromObject(pg); jsp: $(function(){ $("#jsonShowData").click(function(){ $.getJSON("fenAction.action",function(data){ var tr = ""; $.each(data,function(i,value){ str+="<div>"+value.Rows+"</div>" }) $("#show").html(tr); }); }) }) 是这样子搞吗?我调用fenAction.action的时候还要带参数,怎么带?
关于jsp页面调用摄像头拍照并显示图片的问题其一
之前是只显示当前拍摄的那一张图片,现在由于需拍摄的图片有多张,需要把所有的图片显示在一个区域,大致样式如下,黑色边框代表图片的显示区域,摄像头显示的区域不变 ![图片说明](https://img-ask.csdn.net/upload/201806/30/1530339261_353169.png) 照片是从左到右依次排列显示,并且每张图的右上角有可删除功能,想请问代码应该怎么加,怎么改?下面是之前显示的部分代码 ``` CSS: .booth { position:relative; top:-350px; left:350px; width:420px; background:#ccc; border: 10px solid #ddd; margin: 0 auto; } jsp: </div> <div class="booth"> <video id="video" width="400" height="300"></video> <input id='tack' type="button" value="拍照"> <canvas id='canvas' width='400' height='300'></canvas> <img id='img' src=''> <input type="button" onclick="uploadImage();" value="上传"> </div> JS: var video = document.getElementById('video'), canvas = document.getElementById('canvas'), snap = document.getElementById('tack'), img = document.getElementById('img'), vendorUrl = window.URL || window.webkitURL; //媒体对象 navigator.getMedia = navigator.getUserMedia || navagator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getMedia({ video: true, //使用摄像头对象 audio: false //不适用音频 }, function(strem){ console.log(strem); video.src = vendorUrl.createObjectURL(strem); video.play(); }, function(error) { //error.code console.log(error); }); snap.addEventListener('click', function(){ //绘制canvas图形 canvas.getContext('2d').drawImage(video, 0, 0, 400, 300); //把canvas图像转为img图片 img = canvas.toDataURL("image/png"); }); ```
新手请教JSF的action调用的问题
<p> </p> <p>刚开始接触JSF,对于action的调用有点不清楚,只知道是基于事件的。</p> <p> </p> <p>迷茫的主要是关于action自动加载的问题。比如在struts里标签&lt;s:action name="xxx.do" executeResult="true" /&gt; 就能加载xxx.do这个action并且把action执行后的页面也加载进来</p> <p> </p> <p>在jsf里是通过什么方案主动加载数据的呢?</p> <p> </p> <p>比如我打开一个index.jsp 里面有个table,数据是调用action取数据库得到的数据,我们要实现在打开这个页面的时候,自动执行那个action,类似于&lt;s:action &gt;的作用,这个是怎么实现的?有啥方案?? 不要和我说用seam =。=,就单单JSF本身这个框架怎么实现这个?</p> <div><br></div>
关于jsp上传图片后跳转到下个页面,页面的javascript失效的奇怪问题
<div class="iteye-blog-content-contain" style="font-size: 14px;"> <p>如果给的建议能解决问题将追加更多的分。</p> <p>javascript实现的功能如下见附件图片,能显示图片,能上传,但是选了文件上传后,再次回到此页面的时候 下面的这些就都不见了。因为Prepare函数没有触发。</p> <p>用的是struts2,首次进入页面,很正常,用javascript显示的上传图片的按钮 组件什么的都正常显示,但是当我选了一个图片上传,点击保存,然后后台保存完之后还是跳回到这个页面,这时候window.onload=Prepare;就不执行了,图片也不显示了,好像javascript都失效了。 但是如果不上传图片,直接点击保存的话跳回来页面还是能正常显示的,只有在传了图片后页面才不正常。但是后台的保存图片什么的没有什么问题的而且也没什么关系,不知道问题在哪。 下面是代码,</p> &lt;script type="text/javascript"&gt;// &lt;![CDATA[ window.onload=Prepare; function Prepare(){ var str,filestr=""; // var address='&lt;s:property value="myUser.photoaddress" /&gt;'; var address=document.getElementById("photoaddress").value; var pic=address.split(','); var li=" "; if(pic!=''){ for( var i=0; i&lt; pic.length; i++){ li=li+'&lt;li&gt;&lt;img src="images'+pic[i]+'" width="61" height="61"/&gt;&lt;input type="button" value="删除" onclick="delphoto('+i+')" /&gt;&lt;/li&gt;'; } } str='&lt;ul id="gallery"&gt;'+li+'&lt;/ul&gt;'; if(pic!=''){ for(var j=0;j&lt;4-pic.length;j++){ filestr+='&lt;p&gt;&lt;s:file name="photo" ContentEditable="false" theme="simple"/&gt;&lt;/p&gt;'; } }else{ for(var j=0;j&lt;4;j++){ filestr+='&lt;p&gt;&lt;s:file name="photo" ContentEditable="false" theme="simple"/&gt;&lt;/p&gt;'; } } document.getElementById("divHtml").innerHTML=str; document.getElementById("dfile").innerHTML=filestr; } function delphoto(i){ var address=document.getElementById("photoaddress").value; var pic=address.split(','); if(i==pic.length-1){ if(pic.length==1){ address=address.replace(pic[i], ''); }else{ address=address.replace(','+pic[i], ''); } }else{ address=address.replace(pic[i]+',', ''); } //ajaxtool.deletePhoto(pic[i],function(data){///ajax调用后台删除方法 // }); var delep=document.getElementById("deletedphoto"); delep.value=delep.value+pic[i]+","; var p=document.getElementById("photoaddress"); p.value=address; Prepare(); } // ]]&gt;&lt;/script&gt;</div>
怎么将一个jsp页面中没在表单里的一个参数传递到controller的方法上?
前台有个动态的导航栏,当点击导航栏的某个导航链接时,要用${pageContext.request.contextPath }/admin/select.action这个action去调用controller里的方法去执行查询操作,但查询操作需要前台 value=“${dep.user_department}”里的值作为参数,要怎么传过来? ``` <div class="dropdown" style=" height:30px;float: left; background-color:#2785eb;margin-left: 85px;border-radius:6px; "> <a class="dropdown-toggle" data-toggle="dropdown" href="#" style="text-decoration: none; color: white; font-size: 22px;"> 展开导航 <span class="caret"></span> </a> <ul class="dropdown-menu"> <c:forEach items="${dep_list}" var="dep"> <li><a href="${pageContext.request.contextPath }/admin/select.action"> <c:out value="${dep.user_department}"/><p> </a></li> </c:forEach> </ul> </div> ```
myeclipse中的Jsp页面的ajax怎么一直实现不了,哪位大神给看看。。。
1. <script type="text/javascript"> function ajax(){ //声明一个空对象 用来装入xmlhttprequest对象 var xmlhttpreq=null; // 首先判断浏览器的使用情况,然后给XMLHttpRequest对象赋值,进行实例化 if (window.ActiveXObject){ xmlhttpreq = new ActiveObject("Microsoft.XMLHTTP"); }else if(window.XMLHTTPRequest){ xmlhttpreq =new XMLHTTPRequest(); } //实例化后,开始使用方法对初始化xmlhttprequest对象.true为异步方式,false为同步方式。 //指定异步提交 的目标和提交方式,调用xmlhttp open方法 xmlhttpreq.open("GET","ajax01.jsp",true); //当xmlhttp状态改变时,需要进行的处理,以响应函数进行,设置回调函数 xmlhttpreq.onreadystatechange = RequestCallBack; //使用send()方法发送该请求 xmlhttpreq.send(); //请求改变时,处理响应。处理之前首先检查readyState的值和http状态 //readyState处理函数 function RequestCallBack(){ if(xmlhttpreq.readystate==4){ if(xmlhttpreq,status ==200){ //将xmlhttpreq的值赋予id为restext的元素 document.getElementById("restext").innerHTML = xmlhttpreq.responseText; } } } } </script> </head> <body> <input type = "button" value = "ajax提交" onclick = "ajax()"> <div id = "restext"></div> </body>
jsp页面上使用plupload的问题
问题描述:我在jsp页面上调用plupload时,先看到那段“您的浏览器。。。”,上传界面要等几十秒后才会出现,在jsp页面上单独测试该控件时,会在页面上直接转成plupload上传界面,但是当我把该控件应用到实际项目中,就会出现上述问题,由于生产环境中,需要这个上传控件放在一个需要暂时隐藏的div中,所以我不能直接使用$(function(){})直接加载,否则会报错 如果还有什么需要了解的,麻烦说一下,我被这个问题困扰几天了,还是没头绪。 div及对应的js如下: ``` <div id="pluploadDiv" style="display: none;"> <div style="width: 100%; margin: 0px auto"> <form id="formId" action="Submit.action" method="post"> <div id="uploader" style="display: none;"> <p>您的浏览器未安装 Flash, Silverlight, Gears, BrowserPlus 或者不支持 HTML5 .</p> </div> </form> </div> </div> ``` ``` function uploadshow(){ $("#pluploadDiv").css('display', 'block'); $("#uploader").pluploadQueue({ // General settings runtimes : 'gears,flash,silverlight,browserplus,html5,html4', url : '/material/uploadMaterials', max_file_size : '10mb', unique_names : true, chunk_size: '2mb', // Specify what files to browse for /* filters : { //{title : "xls, xlsx文档", extensions : "xls,xlsx"} mime_types : [ //只允许上传图片和zip文件 { title : "Image files", extensions : "jpg,gif,png" } ], max_file_size : '400kb', //最大只能上传400kb的文件 prevent_duplicates : true //不允许选取重复文件 }, */ filters : [ {title : "Image files", extensions : "jpg,gif,png"} ], // Flash settings flash_swf_url : '/plupload/js/plupload.flash.swf', // Silverlight settings silverlight_xap_url : '/plupload/js/plupload.silverlight.xap' }); $("#uploader").css('display', 'block'); $('form').submit(function(e) { var uploader = $('#uploader').pluploadQueue(); if (uploader.files.length > 0) { // When all files are uploaded submit form uploader.bind('StateChanged', function() { if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) { $('form')[0].submit(); } }); uploader.start(); } else { alert('请先上传数据文件.'); } return false; }); } ```
Jquery EasyUi 的一个问题
小弟最近在学习Jquery EasyUi,目前发现一个问题,不知道如果解决。 目前有两个页面,a.jsp 和 b.jsp 。其中a.jsp中只有一个下拉菜单,用浏览器单独访问a.jsp的时候,是可以正常显示的,请看a.jsp的部分代码: [code="java"] <script type="text/javascript"> jQuery(function($){ $('#cc').combogrid({ panelWidth:450, value:'006', idField:'code', textField:'name', url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:60}, {field:'name',title:'Name',width:100}, {field:'addr',title:'Address',width:120}, {field:'col4',title:'Col41',width:100} ]] }); }); </script> <body> 下拉菜单:<select id="cc" name="dept" style="width:450px;"></select> </body> [/code]。 b.jsp中有一个window,window的href为a.jsp,在b.jsp中不能够正常显示a.jsp的下拉菜单,请看b.jsp中的部分代码: [code="java"] <script type="text/javascript"> $(function(){ $('#win').window({ width:600, height:400, href:'a.jsp' }) }); </script> <body> <div id="win" iconCls="icon-save" title="My Window"> Window Content </div> </body> [/code] 小弟查询之后,发现是b.jsp的window在显示a.jsp时,a.jsp中页面加载的时候调用的初始化语句块没有调用成功,具体的没有调用的a.jsp的代码为[code="java"] jQuery(function($){ ........ }) [/code] 不知道为什么会出现这种问题,难道一个页面被另一个页面用href引用之后就不能调用自身的初始化语句块了吗?
新手上路,IDEA写的jsp跳转到servlet出现404错误,大佬救救我吧?
jsp代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>首页</title> <!-- 1. 导入CSS的全局样式 --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- 2. jQuery导入,建议使用1.9以上的版本 --> <script src="js/jquery-2.1.0.min.js"></script> <!-- 3. 导入bootstrap的js文件 --> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> </script> </head> <body> <div>${user.name},欢迎您</div> <div align="center"> <a href="${pageContext.request.contextPath}/userListServlet" style="text-decoration:none;font-size:33px">查询所有用户信息 </a> </div> </body> </html> servlet代码 package cn.itcast.web.servlet; import cn.itcast.domain.User; import cn.itcast.service.UserService; import cn.itcast.service.impl.UserServiceImpl; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.util.List; @WebServlet(name = "userListServlet") public class UserListServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //1.调用UserService完成查询 UserService service = new UserServiceImpl(); List<User> users = service.findAll(); //2.将list存入request域 request.setAttribute("users",users); //3.转发到list.jsp request.getRequestDispatcher("/list.jsp").forward(request,response); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { } } jsp页面可以显示,但是跳转到servlet页面出错
通过ajax将jsp做的登录放在弹出框中提交时不能传递值
RT,下面是代码: 一:这是主页面单出窗的代码: ``` <p id="login_reg"> <a class="btn btn-large btn-success"><b>登录/注册 </b></a> </p> <script> $('#login_reg').click(function() { layer.open({ title : '登录/注册页面', time : 0, type : 1, skin : 'layui-layer-rim', //加上边框 area : [ '1000px', '500px' ], //宽高 content : $('#login_reg_window') }); }) </script> <script> $("#login_frame").load( "${pageContext.request.contextPath}/page/bizPage/login.jsp", function(response, status, xhr) { $('#login_frame').html(response); }); </script> <script> $("#register_frame").load( "${pageContext.request.contextPath}/page/bizPage/register.jsp", function(response, status, xhr) { $('#register_frame').html(response); }); </script> ``` 二:被调用的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 charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登录页_房屋中介网站</title> <link rel="stylesheet" href="${pageContext.request.contextPath}/ui/bs/css/bootstrap.min.css"> </head> <body> <div class="container-fluid" id="login_frame"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6"> <h1 style="text-align: center">登录</h1> <form class="form-horizontal" id="login_form" method="post" style="padding-top: 50px; padding-bottom: 100px"> <div class="form-group"> <label for="user_account" class="col-sm-2 control-label"> 用户名 </label> <div class="col-sm-10"> <input type="text" class="form-control" id="user_account" name="user_account" /> </div> </div> <div class="form-group"> <label for="user_password" class="col-sm-2 control-label"> 密码 </label> <div class="col-sm-10"> <input type="password" class="form-control" id="user_password" name="user_password" /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"> </label> <div class="col-sm-10"> <div class="form-group"> <div class="col-sm-4"> <input type="checkbox" name="set_login_cookies" /> 下次自动登录 </div> <div class="col-sm-7"> <div class="form-group"> <div class="col-sm-10"> </div> <div class="col-sm-2"> <input type="submit" class="btn btn-primary" id="login_button" value="登录"> </div> </div> </div> </div> </div> </div> </form> </div> <div class="col-md-2"></div> </div> </div> <script src="${pageContext.request.contextPath}/ui/bs/js/jquery.min.js"></script> <script src="${pageContext.request.contextPath}/ui/bs/js/bootstrap.min.js"></script> <script> $(function() { $('#login_button').unbind("click").bind("click",function() { $.ajax({ type : 'POST', url : '${pageContext.request.contextPath}/userBiz', dataType : 'json', data : "user_account="+$("#user_account").val()+"&user_password="+$("#user_password").val()+"&action=login", //data: "user_account=admin&user_password=admin&action=login", success : function(msg){ if(msg.result==1){ alert("登陆成功"); location.reload(); }else{ alert(msg.msg); } } }) }) }) </script> </body> </html> ``` 如果单独使用登录页面的话后台可以接收到输入的用户名密码,但是通过主页面弹出到后,后台就接收不到用户名密码
动态规划入门到熟悉,看不懂来打我啊
持续更新。。。。。。 2.1斐波那契系列问题 2.2矩阵系列问题 2.3跳跃系列问题 3.1 01背包 3.2 完全背包 3.3多重背包 3.4 一些变形选讲 2.1斐波那契系列问题 在数学上,斐波纳契数列以如下被以递归的方法定义:F(0)=0,F(1)=1, F(n)=F(n-1)+F(n-2)(n&gt;=2,n∈N*)根据定义,前十项为1, 1, 2, 3...
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
大家好,我是 Rocky0429,一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难! 难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉得它们的过程真的是七拐八绕,及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程,但是到了数论、图...
【搞定 Java 并发面试】面试最常问的 Java 并发基础常见面试题总结!
本文为 SnailClimb 的原创,目前已经收录自我开源的 JavaGuide 中(61.5 k Star!【Java学习 面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。欢迎 Star!)。 另外推荐一篇原创:终极推荐!可能是最适合你的Java学习路线 方法 网站 书籍推荐! Java 并发基础常见面试题总结 1. 什么是线程和进程? 1.1. 何为进程? 进程是程...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
shell脚本:备份数据库、代码上线
备份MySQL数据库 场景: 一台MySQL服务器,跑着5个数据库,在没有做主从的情况下,需要对这5个库进行备份 需求: 1)每天备份一次,需要备份所有的库 2)把备份数据存放到/data/backup/下 3)备份文件名称格式示例:dbname-2019-11-23.sql 4)需要对1天以前的所有sql文件压缩,格式为gzip 5)本地数据保留1周 6)需要把备份的数据同步到远程备份中心,假如...
iOS Bug 太多,苹果终于坐不住了!
开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。不过一直以来,开源的 Android 吸引了无数的手机厂商涌入其中,为其生态带来了百花齐放的盛景,但和神秘且闭源的 iOS 系统相比,不少网友...
神经⽹络可以计算任何函数的可视化证明
《Neural Networks and Deep Learning》读书笔记第四篇本章其实和前面章节的关联性不大,所以大可将本章作为小短文来阅读,当然基本的深度学习基础还是要有的。主要介绍了神经⽹络拥有的⼀种普遍性,比如说不管目标函数是怎样的,神经网络总是能够对任何可能的输入,其值(或者说近似值)是网络的输出,哪怕是多输入和多输出也是如此,我们大可直接得出一个结论:不论我们想要计算什么样的函数,...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
为什么你学不过动态规划?告别动态规划,谈谈我的经验
动态规划难吗?说实话,我觉得很难,特别是对于初学者来说,我当时入门动态规划的时候,是看 0-1 背包问题,当时真的是一脸懵逼。后来,我遇到动态规划的题,看的懂答案,但就是自己不会做,不知道怎么下手。就像做递归的题,看的懂答案,但下不了手,关于递归的,我之前也写过一篇套路的文章,如果对递归不大懂的,强烈建议看一看:为什么你学不会递归,告别递归,谈谈我的经验 对于动态规划,春招秋招时好多题都会用到动态...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
如何安装 IntelliJ IDEA 最新版本——详细教程
IntelliJ IDEA 简称 IDEA,被业界公认为最好的 Java 集成开发工具,尤其在智能代码助手、代码自动提示、代码重构、代码版本管理(Git、SVN、Maven)、单元测试、代码分析等方面有着亮眼的发挥。IDEA 产于捷克,开发人员以严谨著称的东欧程序员为主。IDEA 分为社区版和付费版两个版本。 我呢,一直是 Eclipse 的忠实粉丝,差不多十年的老用户了。很早就接触到了 IDEA...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
为什么要推荐大家学习字节码?
配套视频: 为什么推荐大家学习Java字节码 https://www.bilibili.com/video/av77600176/ 一、背景 本文主要探讨:为什么要学习 JVM 字节码? 可能很多人会觉得没必要,因为平时开发用不到,而且不学这个也没耽误学习。 但是这里分享一点感悟,即人总是根据自己已经掌握的知识和技能来解决问题的。 这里有个悖论,有时候你觉得有些技术没用恰恰是...
互联网公司的裁员,能玩出多少种花样?
裁员,也是一门学问,可谓博大精深!以下,是互联网公司的裁员的多种方法:-正文开始-135岁+不予续签的理由:千禧一代网感更强。95后不予通过试用期的理由:已婚已育员工更有责任心。2通知接下来要过苦日子,让一部分不肯同甘共苦的员工自己走人,以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭,可在离婚或离职里二选一。4不布置任何工作,但下班前必须提交千字工作日报。5不给活干+...
【超详细分析】关于三次握手与四次挥手面试官想考我们什么?
在面试中,三次握手和四次挥手可以说是问的最频繁的一个知识点了,我相信大家也都看过很多关于三次握手与四次挥手的文章,今天的这篇文章,重点是围绕着面试,我们应该掌握哪些比较重要的点,哪些是比较被面试官给问到的,我觉得如果你能把我下面列举的一些点都记住、理解,我想就差不多了。 三次握手 当面试官问你为什么需要有三次握手、三次握手的作用、讲讲三次三次握手的时候,我想很多人会这样回答: 首先很多人会先讲下握...
新程序员七宗罪
当我发表这篇文章《为什么每个工程师都应该开始考虑开发中的分析和编程技能呢?》时,我从未想到它会对读者产生如此积极的影响。那些想要开始探索编程和数据科学领域的人向我寻求建议;还有一些人问我下一篇文章的发布日期;还有许多人询问如何顺利过渡到这个职业。我非常鼓励大家继续分享我在这个旅程的经验,学习,成功和失败,以帮助尽可能多的人过渡到一个充满无数好处和机会的职业生涯。亲爱的读者,谢谢你。 -罗伯特。 ...
活到老,学到老,程序员也该如此
全文共2763字,预计学习时长8分钟 图片来源:Pixabay 此前,“网传阿里巴巴要求尽快实现P8全员35周岁以内”的消息闹得沸沸扬扬。虽然很快被阿里辟谣,但苍蝇不叮无缝的蛋,无蜜不招彩蝶蜂。消息从何而来?真相究竟怎样?我们无从而知。我们只知道一个事实:不知从何时开始,程序猿也被划在了“吃青春饭”行业之列。 饱受“996ICU”摧残后,好不容易“头秃了变强了”,即将步入为“高...
Vue快速实现通用表单验证
本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用...
2019年Spring Boot面试都问了什么?快看看这22道面试题!
Spring Boot 面试题 1、什么是 Spring Boot? 2、Spring Boot 有哪些优点? 3、什么是 JavaConfig? 4、如何重新加载 Spring Boot 上的更改,而无需重新启动服务器? 5、Spring Boot 中的监视器是什么? 6、如何在 Spring Boot 中禁用 Actuator 端点安全性? 7、如何在自定义端口上运行 Sprin...
【图解】记一次手撕算法面试:字节跳动的面试官把我四连击了
字节跳动这家公司,应该是所有秋招的公司中,对算法最重视的一个了,每次面试基本都会让你手撕算法,今天这篇文章就记录下当时被问到的几个算法题,并且每个算法题我都详细着给出了最优解,下面再现当时的面试场景。看完一定让你有所收获 一、小牛试刀:有效括号 大部分情况下,面试官都会问一个不怎么难的问题,不过你千万别太开心,因为这道题往往可以拓展出更多有难度的问题,或者一道题看起来很简单,但是给出最优解,确实很...
关于裁员几点看法及建议
最近网易裁员事件引起广泛关注,昨天网易针对此事,也发了声明,到底谁对谁错,孰是孰非?我们作为吃瓜观众实在是知之甚少,所以不敢妄下定论。身处软件开发这个行业,近一两年来,对...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
相关热词 c# 时间比天数 c# oracle查询 c# 主动推送 事件 c# java 属性 c# 控制台 窗体 c# 静态类存值 c#矢量作图 c#窗体调用外部程式 c# enum是否合法 c# 如何卸载引用
立即提问