js页面局部刷新问题
发布网友
发布时间：2022-04-25 05:52
共3个回答
懂视网
时间：2022-04-21 06:02
但是不知道该怎么做，有没有具体的思路方法提供一下？
回复讨论(解决方案)
用Ajax做
这个就不 能右键刷新，用按钮刷新的方式，Ajax来做。
用Ajax做
这个就不 能右键刷新，用按钮刷新的方式，Ajax来做。
有没有简便的方法，ajax有点麻烦
热心网友
时间：2022-04-21 03:10
1、假设左边tree的html结构：
<ul id="tree">
<li><a href="javascript:void(0)" link="format.html">课表查询</a></li>
<li><a href="javascript:void(0)" link="1.html">信息修改</a></li>
</ul>
//注意以上a元素的link属性代表中间将要显示的页面的名称,根据需要自行修改
2、引入jquery库，在head之间添加如下代码：
$(function(){
var $tree_a = $("#tree").find("a");//获取tree中的a元素集合
var $main = $("#main");//获取中间部分元素
$tree_a.on("click", function(){
$main.empty();//初始化
var $frame =$("<iframe></iframe>");//定义框架对象
var $this = $(this);//当前被点击的tree的a
$frame.attr({//设置中间部分框架的属性
"src": $this.attr("link"),//框架引入的页面地址
"name": "main_frame",//框架名称
"width": $main.width() || "100%",//框架宽度
"height": $main.height() || "100%",//框架高度
"frameborder": "0",//框架边框
"scrolling": "auto"//框架滚动条设置
});
$frame.appendTo($main);//将框架插入到中间部分
});
});
第二种方法，改变你的代码结构：
1、修改html结构，将中间部分更改为iframe
将
<div id="main" style="width:82%; background:yellow; height:500px; float:left">中间</div>
</div>
这段代码修改为
<ifame name="main" src="" id="main" frameborder="0" width="82%" height="500px" scrolling="auto"></iframe>
2、修改左侧tree的a元素
<a target="main" href="...">课表查询</a>
......
有问题请留言追问左边的代码是用dtree.js生成的，我现在改不了，大师，帮我弄一下吧，我还有一事不明，就是在servlet中写上这段代码
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("gb2312");
String url=request.getServletPath();
System.out.println("Url="+url);
if(url.equals("/Check/Class.do")){
追答你不用改dtree.js生成的代码，我给你写的代码是示例代码，你要根据dtree.js生成的具体情况而作相应的修改。
下面servlet代码你想问什么？
热心网友
时间：2022-04-21 04:28
<frame src="top.jsp" name="topFrame" scrolling="no"
noresize="noresize" id="topFrame" />
<frame src="center.jsp" name="mainFrame" id="mainFrame" />
<frame src="down.jsp" name="bottomFrame" scrolling="no"
noresize="noresize" id="bottomFrame" />
</frameset>
<noframes>
自己参考下吧
