2 qq 38525272 qq_38525272 于 2017.09.15 11:19 提问

8个回答

qq_38525272
qq_38525272   2017.09.15 11:22

图片说明
图片说明

qq_38525272
qq_38525272 我这边后台跳转的是不同页面,但是那些页面的内容也是要拼接到这个div上的,有没有大神知道怎么去写
10 个月之前 回复
zzj123456qaz
zzj123456qaz   2017.09.15 11:24

在js里你定义一个url路径 ,然后在

中调用js里面定义的那个方法就可以了,可以实现跳转,要么你就写个A标签跳转
qq_38525272
qq_38525272 我是这么去写的,但是好像不能实现
10 个月之前 回复
qq_38525272
qq_38525272 "$(function(){ $('#turn_page').find("").click(function() { var url = this.href; if (url != null && url != 'javascript:;') { $.get(url, function(data) { $('#main-content').html(data); }); } }); });"
10 个月之前 回复
qq_28215471
qq_28215471   2017.09.15 11:35

为什么不用iframe呢?

qq_38525272
qq_38525272 之前用的frame,但是现在页面改了一下,为了好看,主页原本是三个网页,现在合并为一个页了,所有的跳转都要拼接在主页的固定位置
10 个月之前 回复
AVGworkld
AVGworkld   2017.09.15 11:42

这个相当简单了, 你用load方法
window.loadList = function (pageNumber, pageSize) {
var condition = {
queryLike:jq.trim(jq("#querylike").val()),
schoolId:jq('#schoolList option:selected').val(),
userstas:jq('#userstas option:selected').val(),
isQuery:jq("#isquery").val(),
pageNumber: pageNumber || 1,
pageSize: pageSize || 16
};
jq("#data-list").load("#CTX/admin/uom/user/page", condition);

    load方法直接替代list中的值, 
AVGworkld
AVGworkld 是div里面的值
10 个月之前 回复
github_38725775
github_38725775   2017.09.15 11:44

jq load 可以代替 iframe

qq_35593296
qq_35593296   2017.09.15 11:45

可以使用jsp隐藏域jsp:include page="

playboyanta123
playboyanta123   2017.09.15 11:50

我理解的你就是想做单页切换对吧,多个页面的内容在一个页面的tab切换显示。那你这提问提的,首先你要这么做的话就把多个页面的html模版都放到
当前页,然后后台不同的路由也跳到当前也,一般只要一个路由就行了,通过不同的action区分,然后前台获取到这个action判断当前显示哪个tab页面,
然后切换tab的过程中如果还有异步请求的话就再请求就行了,没有请求就直接显示切换的内容

playboyanta123
playboyanta123 回复qq_38525272: 你的模版肯定在前端页面啊,不然你模版在后台代码里?如果在后台代码里你可以随意,通用做法就是我说的这样
10 个月之前 回复
qq_38525272
qq_38525272 模板都要放过来吗?我不能获得到url请求在把页面内容放到div中吗
10 个月之前 回复
u010715243
u010715243   2017.09.15 14:35

可以去找个前台框架,div碎片布局的,就一个html页面,其他页面都是一个个div嘛

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
div上放置一个固定图片
img { position:absolute;// 相对于父标签的位置 left:1px; top:1px; z-index:1;// 为+1,说明图片悬浮在上方;-1相反 }
CSS实现将div固定在页面指定地方
        用一个div作为提示信息或者与用户交互的层控件,需要让它随着页面的滚动而固定在屏幕的某个地方。js可以实现这个功能,当页面滑动的时候,计算位置,然后改变div的top属性即可。但是这样作出来的效果,恐怕没人会满意,因为抖的太厉害了,不能很及时的改变位置。      要是能做到平滑的,一点都看不出来的技术来达到这种效果,恐怕只有css了。  
控制div跳转到指定位置的若干方法&控制页面定位到指定位置
方法一:用链接a锚点方法     div1     div2     div3   div1   div2   div3 css样式: div {      height: 800px;      width: 400px;      border: 2px solid black;    } #container{      position: fix
Servlet跳转到Jsp的指定div
Servlet跳转到Jsp的指定div 问题: 首页点击一个连接,切换div(id = cc_bi)                             cc_bi              提交表单后,企图直接回到div(id = cc_bi)视图。servlet代码如下: request.getRequestDispatcher("TestDirejsp?#
a标签实现当前页面跳转某个位置
今天在做项目时,需要实现跳转到某个页面的功能。记录一下,也希望对大家有用。 主要是利用a标签和div的id,在a的href属性那写上"#div_id",点击链接即可跳到页面中对应id的div。 代码如下: <a href="#ch_title">文章标题</a> <div id="#ch_title">这是文章标题</div> 如上代码,点击连接“文章标题”,即可跳到div“这是
html学习笔记(四)——点击div实现网页页面跳转
div onclick="window.open('http://www.mygaytrip.com');跳转页面,在新建窗口打开网页 div onclick="window.location.href='http://www.mygaytrip.com';">跳转页面,在当前窗口打开网页
从当前页面跳转到其他页面的某个地方
从index页面跳转到about页面的friend-links-section-hook这个地方index.html<a href="about.html#friend-links-section-hook">友情链接</a>about.html <div class="friend-links-section"> <a href="#" name="friend-links-sectio
HTML5教程-如何在页面上放置Canvas
HTML5教程-如何在页面上放置Canvas 本文介绍在HTML5中最吸引眼球的一个标签——Canvas,我相信有很多人学习HTML5就是为了Canvas。内容非常简单,主要是为大家介绍Canvas标签的使用。 在我们学习它之前稍微补充一下知识,虽然有点理论,但以下稍微理论点的东西还是很有用的。 Canvas标签的基础知识: canvas是HTML5中新增加的一个重要元
js动态添加的div点击跳转到另一页面
div调用函数跳转:var obj = document.getElementById('id'); obj.onclick=function(){ window.location.href="跳转的地址"; }源文件:<!DOCTYPE html> <html> <head> <title>首页推荐页面</title> <meta name="
Jquery实现从一个页面跳转到另一页面
从一个页面跳转到另外一个页面我们可以很容易的使用Javascript来实现。但是,这里我们使用Javascript的框架Jquery来实现Jquery页面跳转。比如想跳到 mao.aspx 这个页面的div id="s" 的位置。那么,只用 就可实现跳转到指定位置。 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数