ajax实现左边菜单,右边内容

图片说明

图片说明
总是自动跳转页面,怎么解决呢,小白,望指点

3个回答

你这是a标签啊,肯定要跳页面啊,你把这么写

 <a data-href="a.html" href="javascript:;">个人信息</a>

然后再js的点击中获取data-href的值作为ajax的URL

Y_L_X_P
一路小跑l 我知道了,不用回答了,尴尬
大约 2 年之前 回复
Y_L_X_P
一路小跑l 像a.html中的css和js该如何获取使用呢
大约 2 年之前 回复
Y_L_X_P
一路小跑l 嗯嗯,的确是这样,并且我的是Firefox,少了个dataType,谢谢了
大约 2 年之前 回复

异步调用后的返回值是什么? 试试success后直接输出一段测试语句试试看

Y_L_X_P
一路小跑l 已解决,多谢您的指点
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
基于Ajax+div的“左边菜单、右边内容”页面效果实现
效果演示: ①默认页面(index.jsp):   ②:点击左侧 用户管理 标签下的 用户列表 选项后,右边默认页面内容更新为用户列表页(userList.jsp)的内容 :   ③:同理,点击 产品管理、订单管理 标签下的 产品列表、订单列表 时,右侧内容会相应的刷新为产品列表页(productList.jsp)、订单列表页(recordList.j
ajax实现点击左侧菜单,右侧加载不同网页
使用aiax实现左侧菜单改变右侧内容
ajax实现简单的点击左侧菜单,右侧加载不同网页
实现:ajax实现点击左侧菜单,右侧加载不同网页(在整个页面无刷新的情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带的服务器中打开浏览效果即可)图片.png原理:ajax的局部刷新原理:通过.load()重新加载页面中的某一部分,巧妙的借助data-*的自定义属性来存储数据,点击的时候修改锚点,因为地址有变,所以刷新...
左侧菜单右侧内容实现方式
最近做项目发现,点击左侧菜单,右侧内容反应有些慢,所以想换一种方式,从网上找到多种方式,对其中的两种方式进行了尝试 1、点击左侧菜单时A页面采用ajax,action中返回页面B; 2、A页面嵌套iframe,打开时指定target,action返回B页面。 1、在使用ajax时,由于返回的第二个页面中需要用到js,在B页面中的onclick中无法触发到B页面中的普通function,触发的
ajax点击左侧二级导航条,右侧显示内容
需要引入:link rel="stylesheet" href="bootstrap.css">script src="jquery-1.11.3.js">script> /*main.css*/.main-container { position: relative; } .left_list { border: 1px solid #3b3b1f; position: fixed
页面局部刷新(左侧菜单变化,右边div内容变化)
页面局部刷新 jquery  load 一:全局页面:menu.html(jsp) 1.     引入js scripttype="text/javascript"src="js/jquery.js">script> script type="text/javascript" src="js/jquery.history.js">script> history历史记录插件可以帮
左侧菜单栏控制右侧页面内容切换
本demo所需技术:jQuery+Bootstrap 本demo所用工具:IDEA 本demo主要实现功能: 1. 左侧菜单栏切换右侧页面内容 2. boostrap弹框内容的显示
iframe异步加载(点击左边菜单加载右边内容)
关于iframe异步加载,我们常用的大都是左边菜单栏右边是内容页面,要求我们不能左边菜单不能刷新的情况下,异步加载右边的内容页面。 话不多说,做了一个实例大致是这样的: 1、首先在你的项目中建立三个文件如: 2、在Default页面引入jquery文件并在body中加入也下代码: View Code 1 "width: 20%; float: lef
左边菜单,右边内容
主框架(main.html)左右两框左边功能菜单(left.html)右边内容(content*.html) main.htmlDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">html>head>title>主页面title>me
左边菜单,点击左边右边内容改变
作为新手, 拿到真的很棘手。 很多人想到的是用iframe, 其实我的第一感也是, 但是好像iframe正在被淘汰,  所以一直在寻找新方法。、   当然, 我还是先把iframe方法贴出来, 这个方法是适用于对js不熟悉,或者刚入前端不就的童鞋们。    2014年,我们公司要做一个这样的后台系统(如下图所示); 第一次接触后台,而且还带有图表, 着实小紧张了一把。经过多次在网上搜索和晚
【JQuery】JQuery+JS实现点击左边, 右边出现相应的页面
一. 用iframe方法实现点击左边, 右边出现相应的页面。 我做一个后台, 而且他指出别人没有用iframe, 问我行不行。 只能说行。 没有在网上查看过多的资料, 某天晚上突然想起ajax 里面有一个load方法, 这个方法可以载入其他页面的内容。 于是有了灵感, 开始也只是尝试一下: 统计报表 进货报表 出货报表 毛利报表
html中点击左边菜单右边内容切换
左边菜单,点击左边右边内容改变 作为新手, 拿到真的很棘手。 很多人想到的是用iframe, 其实我的第一感也是, 但是好像iframe正在被淘汰,  所以一直在寻找新方法。、   当然, 我还是先把iframe方法贴出来, 这个方法是适用于对js不熟悉,或者刚入前端不就的童鞋们。    我们公司要做一个这样的后台系统(如下图所示); 第一次接触后台,而且还带有图表, 着实小
点击左侧菜单在右侧弹出相应的内容
一般我们在写后台界面时,往往需要一个主页,在那主页中我们需要进行左右分栏,在左边做一个菜单栏,右边则为一个内容栏。当点击左侧时在右侧弹出相应的内容。 ①以前一般我们会用frameset框架去写,这种方式非常的便利,但想要让其整体居中可能会有些问题。 ②除此外我们可以用比较笨的方式去实现,就是将左侧栏搞成一公共页面通过iframe在每个页面上都引入该页,在右侧更具左侧写相应的页面内容,好处是每个
iframe 点击左侧菜单栏 右侧显示相应的网页内容
一个简单iframe 点击左侧菜单栏 右侧显示相应的网页内容的实例左侧菜单栏 用ul li 写的 id是区分各个菜单 右侧内容 有两个相同的div 用id区分 jquery部分自己再写一个link.html的页面运行效果图
jsp中保持左侧菜单不变化右边内容变化的方法
使用框架 html> 一般为了安全考虑,jsp页面是放入WEB-INF文件夹中的。WEB-INF是受保护文件夹,不能通过常规的方法来访问里面的资源。 解决方法:    可以使用 Struts2发送请求得到返回的result,frame中的 src="admin/top.action"    在struts.xml中配
网页设计,本页面内左侧菜单导航右侧显示内容简单实现方法
首页       基本信息       休假记录       加班记录       资质记录       合同记录                       // 是一种简单实现,一个页面内的两个div,一个里面是菜单,一个里面放置iframe,实现了加入菜单链接后跳转到本页面的div里面
左侧菜单,点击右侧弹出内容
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> 扩展现有组件 bootstrap/
flask之使用ajax实现点击左侧边栏,不刷新显示右边内容
在实现点击左侧导航栏,右侧不刷新页面显示网页内容的方法有很多,可以通过ifram实现、可以使用div绑定a或者li的点击事件 阻止a的默认行为,用jQuery的load()可以来加载这个div,即将网页放入div中,当然也可以用下面的方式实现,采用ajax技术实现局部刷新,有人说下面的方法比较麻烦,我感觉还好,比较适合自己的需求,实现也比较简单,通过flask提供web服务,使用ajax异步加载,特
实现左侧导航栏点击,右侧显示对应页面的布局
简单介绍下面js代码的意思: $(function() { var height=document.documentElement.clientHeight; document.getElementById('iframe-page-content').style.height=height+'px'; }); var menuClick = function(menuUrl) { $("#ifr
android 左侧菜单 右侧内容
android 左侧菜单 右侧内容 有代码
java结合jQuery.ajax实现左右菜单联动刷新列表内容
http://域名/一级菜单ID-二级菜单ID/ 用这样的URL请求页面,出现如图所示内容; 该页面包含四部分,顶部目录+左侧菜单+右侧菜单+右下侧数据列表; 左侧菜单包含一级菜单和二级菜单,点击某个一级菜单时打开对应的二级菜单,同时右侧也显示二级菜单;选中左侧某个二级菜单,右侧对应的二级菜单也被选中,点击右侧二级菜单,显示对应的三级菜单,默认选中三级菜单的全部,点击某个三级菜单,列表中
构造左侧菜单和对应的右侧Tab
效果:  Layout.xml: <!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 2.1//EN" "http://tiles.apache.org/dtds/tiles-config_2_1.dtd">
HTML页面左侧菜单栏切换实现右侧主体内容改变
前言关于页面切换,肯定有很多种方法,我这里只是记录我在学习过程中用到的可以用的方法一、利用jQuery实现首先利用bootstrap创建一个左侧的列表(不清楚bootstrap框架整么用,可以点击链接菜鸟教程,里面讲解很基础很详细)
Axure左边菜单,右边显示内容案例
Axure8.0制作选择左边菜单栏,右边显示相关内容案例,相关详细图文操作,可以参考博客内容:http://blog.csdn.net/ffacffac/article/details/67639914
用jq实现点击右边内容实现,左边内容切换、自动切换,当鼠标放上右边li上面,左边内容停止切换。
用jq实现点击右边内容实现,左边内容切换、自动切换,当鼠标放上右边li上面,左边内容停止切换。HTML代码:<div class="item clearfix"> <div class="nav-list-content fldi">//左边内容 <ul class="clearfix" id="shenfen
用frameset实现左边导航,右边显示相应内容的布局
建立3个web页面,Main.jsp, Left.jsp, Right.jsp. 其中,Main.jsp是容器,里面放置了2个frame,分别用来存放导航页(Left.jsp) 和右边的内容页(Right.jsp)。 Main.jsp的前台代码: Left.jsp导航页代码 Frame a Frame b Frame c
左边菜单,右边显示左边的链接
设这你的 iframe 的名字 比如iframe name=”main”那就是左边的页面中 a href="Article_Manage.asp" target="main">文章管理a>
Easyui 绑定左侧菜单,右侧显示内容,动态添加多个tab
老规矩还是先上图看效果:左侧菜单,右侧展示内容以及title 接着看前台jsp代码:前台代码很简单,按照官方的要求写就可以,重点是红色框里别忘了加最后一步就是js绑定事件在这里我给出代码需要的同学直接copy,这里是onclick()点击事件,数据为测试数据,替换自己真实数据 &amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; onclick=&quot;openTab(测试,http:/...
SpringMVC中整合bootstrap实现分栏,iframe实现点击左侧菜单改变右侧内容或点击上面菜单改变下面内容,地址栏内容不变。附源码!!!
今天看到一个页面,页面布局是左右分栏,点击左边菜单右边页面内容随之改变,让我感兴趣的是无论如何点击,地址栏的内容都不会改变。于是想亲自动手实现这一效果,百度了一大堆,最后决定用bootstrap实现分栏,iframe实现点击菜单改变内容,后台采用SpringMVC,各实现左右和上下分栏效果。 废话不多说,直接进入开发流程。
bootstrap页面左侧导航栏 右侧网页
我们在浏览网页的时候,左侧导航栏,右侧网页的页面很常见,那么你有好奇过那些炫酷好看的页面是怎么做的吗? 下面小编带你了解一下这种页面是怎么做的。 首先介绍一下用的框架:Asp.net mvc+EF+BootStrap 第一步把asp.net mvc的框架搭建起来,具体的步骤在此就不过多的介绍了(网上有很多的教程)。第二步把数据库用EF映射到程序中,具体步骤在此也不过多介绍了。第三步web
android 商城左边菜单,右边联动
项目的需要,类似于大多数商城一样的左菜单,右内容的。实现左右联动的效果。在网上也找了些Demo 但是效果都不理想,所以就自己手动写了一个,虽然也没有太多的技术含量,但是效果还是不错的。      实现的原理就是两个Listview 进行绑定。根据滑动的位置进行相应的左右联动。直接上效果图:     下面是核心代码MainActicity,主要是使用了ListViewde的滑动监听 set
Android 树形菜单的 实现 ,类似美团左边是树,右边 展 ...
Android 树形菜单的 实现 ,类似美团左边是树,右边 展 ... 本帖最后由 郝锡强 于 2013-11-22 15:51 编辑 android 中如何实现左边 树形菜单,右边展开节点,类似 美团网效果 下载地址:http://download.csdn.net/detail/liujunvy89/6593629 And
react native开发:实现点击左侧选择项,右侧显示内容的功能
react native开发:实现点击左侧选择项,右侧显示内容的功能需求:界面分为左右两部分,左侧为选择栏,右侧为显示的内容,点击左侧选择项,右侧显示内容的功能 如下图: 思路:首先思考问题:****1. 如何实现左侧栏,点击组件改变颜色? 2. 如何实现点击左侧选项,右侧显示想要内容?如何实现左侧栏,点击组件改变颜色?在style中通过条件判断改变样式如何实现点击左侧选项,右侧显示想要内容
bootstrap Ace模板获取左侧菜单栏及iframe跳转右侧页面
&amp;lt;div class=&quot;sidebar&quot; id=&quot;sidebar&quot;&amp;gt; &amp;lt;ul id='menu' class='nav nav-list' style=&quot;&quot;&amp;gt;&amp;lt;/ul&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&quot;main-content&quot;&amp;gt; &amp;lt;div class
JS设置左侧导航跟右侧内容高度一致
script type="text/javascript"> //判断控制页面初始时左右的高度一致 window.onload = function(){ //设置页面加载完成后运行JS var hl = $(".menu").outerHeight(); //获取左侧left层的高度 var hr = $(".main").outerHeight(); //获
仿美团外卖两个ListView联动,左边点击切换右边,右边滑动切换左边
仿美团外卖两个ListView联动,左边点击切换右边,右边滑动切换左边. 并且右边伴有标题的切换
C# 左边树形菜单右边Form展示区的类MDI实现
Normal 0 7.8 磅 0 2 false false false MicrosoftInternetExplorer4     在很多应用都是界面左侧
html frame标签(点击左边框架内容而在右边框架做出反应)
首先定义关于框架的页面index.html my page 框架实例 然后编写左边页面left.html的内容 wangrui about 总结就是给右边框架一个name属性,在定义左边框架中链接的时候用target属性来指向右边,比
bootstrap如何实现左侧导航栏,右侧网页
方式一:采用iframe,即将网页放入iframe这个容器中。 方式二:采用div的话绑定a或者li的点击事件 阻止a的默认行为,用jquery的load()可以来加载这个div,即将网页放入div中。 方式三:angular的嵌套路由也可以实现。不过本人对angular不是很了解,所以这种方式没有去试。 方式四:采用ajax技术,实现局部刷新。(本人觉得该方式比较麻烦,就不
[Android实例] Android界面设计(左侧隐藏菜单右边显示content)demo
移动App设计的13大精髓:http://news.eoe.cn/industry/2013/0121/14670.html 这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的。wp8的平面界面设计已经取得很大的成功, 很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出 左侧导航菜单,国内的应用有
相关热词 c# 增加元素 c#控制台简单加法 c# 服务端框架 c# 判断事件是否注册 c#中is和has c# udp 连接超时 c#词典 c#实现排列组合 c# oss 上传 c#判断输入的是否为ip