利用ajax实现左右分栏局部刷的思路
来源:互联网 发布:淘宝怎样看自己几颗心 编辑:程序博客网 时间:2024/06/08 10:05
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="html">利用ajax实现左右分栏局部刷的思路//左边<ul><li class="test" data-url="url1"></li><li class="test" data-url="url2"></li><li class="test" data-url="url3"></li</ul>//右边 <div class="contain"></div>//ajax请求 $(".test").click(function(){var _this = $(this);var _url = _this.attr("data-url");//这里你就能获取每一个ajax的请求了。$.get(_url,function(html){$(".contain").empty().append(html);});});//后台的实现思路:利用模板引擎+需要加载的数据(比如所有博客的信息)-->生成一个html页面,前端通过请求这个页面的URL来获取生成好的html,显示到右边的内容相应部分即可.后台模板引擎:1.ejs 2.handlebars(网站:http://handlebarsjs.com/)等exports.list = function(req,res,next){ Brand.find({}).sort({'name':1}).exec(function(err,brands){ if(err){ return next(err); } res.render('app/sys/brand-list',{brands:brands}); });};这个是一个路由 app.get('/sys/brand/list',brandController.list);前端$.get("/sys/brand/lis",function(html){ 这样就可以了});
Demo下载地址:http://download.csdn.net/detail/u013310075/7314265
0 0
- 利用ajax实现左右分栏局部刷的思路
- Css实现左右分栏
- 利用ajax实现页面的局部刷新
- HTML中Frame实现左右分栏或上下分栏
- 利用Ajax实现页面局部刷新
- 利用Ajax实现页面局部刷新
- php中利用ajax实现局部刷新
- goahead 利用ajax实现局部刷新
- goahead 利用ajax实现局部刷新
- goahead 利用ajax实现局部刷新
- iframe 左右分栏 不同浏览器的问题
- 可拖动拉伸的左右分栏效果
- 两个iframe实现分栏,并可左右拖动
- ASP.NET利用AJAX Extensions控件实现页面的局部动态刷新
- 利用ajax实现局部刷新(简单的注册验证案例)
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 利用ECharts实现数据的左右移动
- 使用maven 出现ArtifactTransferException:Failure to transfer
- java php DES 加密解密
- 用程序来控制一个网页,实现自动输入等操作
- 数据结构学习笔记-森林和二叉树的转化、最优二叉树
- 推荐一款针对于程序员开发的字体Source Code Pro
- 利用ajax实现左右分栏局部刷的思路
- 对于TreeSet中的compareTo()和equals()方法
- 俄罗斯方块
- Text模式和PDU模式的区别
- 一张信息图告诉你索尼为啥要做防水设备
- ORACLE的数据导入到DB2中
- poj1556 The Doors
- Sorry students and judges
- Cloudera Hadoop 4 实战课程(Hadoop 2.0、集群界面化管理、电商在线查询+日志离线分析