-
2020-12-31 02:12:00
局部刷新页面、异步加载页面方案:
1.在jsp页面需要刷新的地方增加一个控件
2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容)
3.将id为courseList的dom标签重新赋值为需要的页面,就能达到局部刷新的目的
$('#courseList').html(msg);
例如:
$.ajax({ dataType:"text", url:basePath+'/courseList', data: { courseBox : types },success: function(msg){ //列表数据页面渲染 $('#courseList').html(msg); } });
此处使用向后台异步请求数据的方式刷新页面,后台返回一个jsp,来对需要刷新的控件赋值。
@RequestMapping("/courseList") public String courseList(Model model, HttpServletRequest request) throws Exception { model.addAttribute("xxx",null); return "/xxx/xxx/aaa";// 你要跳转的JSP路径 }
以上这篇jsp实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持华域联盟。
更多相关内容 -
ajax实现页面的局部加载
2020-10-17 20:51:43主要为大家详细介绍了ajax实现页面的局部加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
jsp实现局部刷新页面、异步加载页面的方法
2020-10-18 11:48:13今天小编就为大家分享一篇jsp实现局部刷新页面、异步加载页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
如何在MVC4 Razor中刷新(重新加载)页面
2021-04-04 07:11:05成功执行代码后,可以使用JavaScript。 -
JavaScript重新加载整个页面
2021-06-09 04:05:57抛出,但页面重新加载,输入字段中的所有文本都被删除... 并且当执行$ .post调用并且响应是预期时,警报: alert("Tu cuenta de usuario ha sido creada"); 没有显示。记录在数据库中创建,页面重新加载,但不显示...我使用以下脚本来验证注册表单:
$(document).ready(function() {
$("#register").click(function() {
var name = $("#name").val();
var email = $("#email").val();
var password = $("#password").val();
var cpassword = $("#cpassword").val();
if (name == '' || email == '' || password == '' || cpassword == '') {
alert("Please fill all fields...!!!!!!");
} else if ((password.length) < 8) {
alert("Password should at least 8 character in length...!!!!!!");
} else if (!(password).match(cpassword)) {
alert("Your passwords don't match. Try again?");
} else {
$.post("register.php", {
name1: name,
email1: email,
password1: password
}, function(data) {
if (data == 'You have Successfully Registered.....') {
alert("Tu cuenta de usuario ha sido creada");
}
});
}
});
});
我正在检查所有可能的选项,并且我已检测到条件正在运行,但是在满足一个条件后页面会重新加载,而不是停止执行脚本。例如,如果密码长度为6个字符,则警告:
alert("Password should at least 8 character in length...!!!!!!");
抛出,但页面重新加载,输入字段中的所有文本都被删除...
并且当执行$ .post调用并且响应是预期时,警报:
alert("Tu cuenta de usuario ha sido creada");
没有显示。记录在数据库中创建,页面重新加载,但不显示警报。
-
jQuery Ajax页面局部加载方法汇总
2020-11-24 06:02:11在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考。 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: ... -
vue组件(全局,局部,动态加载组件)
2020-10-18 02:47:31组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。这篇文章主要介绍了vue组件(全局,局部,动态加载组件),需要的朋友可以参考下 -
jquery showLoading局部指定加载特效
2019-09-08 16:35:31jquery showLoading局部指定加载特效 -
页面局部加载,适合Ajax Loading
2013-11-05 21:04:30页面局部加载,适合Ajax Loading -
vue实现页面加载动画效果
2020-08-29 09:05:13主要为大家详细介绍了vue实现页面加载动画效果,vue页面出现正在加载的初始页面与实现动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020-10-14 20:20:16主要介绍了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
uniapp局部上拉加载数据
2020-12-16 17:18:44一、页面局部实现上拉加载数据 只有评论区可以上拉加载数据,网上找到了 vue-infinite-scroll 二、使用 官方示例 1、 npm 加载依赖 npm install vue-infinite-scroll --save 2、 单个页面引用 import infinite...一、页面局部实现上拉加载数据
只有评论区可以上拉加载数据,网上找到了 vue-infinite-scroll
二、使用
1、 npm 加载依赖
npm install vue-infinite-scroll --save
2、 单个页面引用
import infiniteScroll from 'vue-infinite-scroll' export default { directives: { infiniteScroll }, data() { return { isScroll: false, // 评论区滚动 pageInfo: { pageSize: 5, // 每页显示条数 pageNum: 1, // 当前页 pageTotal: 1, // 总页数 prevPageNum: 0, }, } }, methods: { loadMore: function() { if (!this.isScroll) return false setTimeout(() => { this.doMessageReplyDetails() }, 1000) }, // end loadMore // 获取回复详情 doMessageReplyDetails() { const _this = this if (_this.pageInfo.prevPageNum === _this.pageInfo.pageNum) return false let opts={ url: '/***', method: 'POST' } let param={ id: Number.parseInt(this.commonInfo.id), // 此条留言的id-----必选 page: this.pageInfo.pageNum, pageSize: this.pageInfo.pageSize, } _this.isScroll = false this.HTTP.httpFromDataRequest(opts, param).then(res => { if(res.data.success){ const { data } = res.data if (data.list.length === 0) return false else { _this.commonAreaInfo = [..._this.commonAreaInfo, ...data.list] } // 分页相关 _this.replyTotal = data.total // 总评论数 // 为判断是否还有数据,是否还需要上拉加载数据 _this.pageInfo.prevPageNum = _this.pageInfo.pageNum _this.pageInfo.pageTotal = data.pages // 总页数 _this.doScrollStatus() // 数据取完,判断是否需要加载数据 }else{ uni.showToast({ title: res.data.message }) } },error => {console.log(error);}) }, doScrollStatus() { if (this.pageInfo.pageNum === this.pageInfo.pageTotal) { this.isScroll = false } else { this.pageInfo.pageNum++ this.isScroll = true } }, }
-
js中页面的重新加载的方法
2021-06-13 07:08:49摘要 腾兴网为您分享:js中页面的重新加载的方法,信用管家,新浪博客,听中国,实时地球等软件知识,以及apexlauncher,乐园rpg,正版秒挂抢红包挂,49,惠买app,lj2655dn打印机驱动,graph软件,电脑海报,自由天空...摘要 腾兴网为您分享:js中页面的重新加载的方法,信用管家,新浪博客,听中国,实时地球等软件知识,以及apexlauncher,乐园rpg,正版秒挂抢红包挂,49,惠买app,lj2655dn打印机驱动,graph软件,电脑海报,自由天空驱动包,酷吧电影,web打印控件,吉祥号码测试,akinat灯神,vegas字幕插件,谷歌输入法2016等软件it资讯,欢迎关注腾兴网。js中页面的重新加载的方法,有需要的朋友不妨看看。 用JavaScript刷新上级页面和当前页面 复制代码 代码如下: script type=text/javascript //刷新上级页面 //window.parent.main.document.location.reload...
js中页面的重新加载的方法,有需要的朋友不妨看看。
用JavaScript刷新上级页面和当前页面
复制代码 代码如下:
//刷新上级页面
//window.parent.main.document.location.reload();
//刷新当前页面
document.location.reload();
每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素:
window.frames[index]
windows.frames["框架名"]
windows.框架名
如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用下面的方法:
window.parent
如果要对父窗口中某个框架的引用,那么就可以使用下面的方法:
window.parent.框架名
也可以使用下面的方法获取对父窗口的最顶端框架的引用:
window.top
只要获得对框架的引用,即可操控该框架对象。
相关推荐
-
layui 如何动态加载局部页面_layui的使用说明
2020-11-19 20:05:48五、使用场景 layui可作为 PC网页端后台系统与前台界面的速成开发方案。 六、获得 layui(这里介绍官网首页下载,还可以通过Git 仓库下载、npm 安装) 可以在 官网首页 下载到 layui 的最新版,它经过了自动化构建... -
vue 使用状态管理重新加载局部组件
2021-01-05 15:42:43思路:页面添加左侧菜单操作成功后,改变store里changeMenu的状态为true, 左侧菜单组件监听changeMenu,发生改变为true后,发送请求重新获取左侧菜单, 请求成功后修改changeMenu的状态false,菜单栏展示出新添加的... -
layui 如何动态加载局部页面_layui 学习(1)
2020-11-20 23:44:06只有你所使用的模块有依赖到它,它才会加载,并且如果你的页面已经script引入了jquery,它并不会重复加载。内置的jquery模块去除了全局的$和jQuery,是一个符合layui规范的标准模块。所以你必须通过以下方式得到: /... -
layui 如何动态加载局部页面_layUI
2020-11-22 04:44:17一、layUI的介绍 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。...这是一个基本的入门页面: 开始使用layuititle> head> -
jquery实现页面局部刷新
2019-05-28 01:00:26NULL 博文链接:https://evan0625.iteye.com/blog/617004 -
HTML页面局部刷新的实现代码
2020-12-10 12:21:533、通过DOM方法或jQuery方法将数据载入页面,事件响应刷新完成。 $('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type: "POST", url: "inquire_date.php", data: { -
elementUI 显示局部加载loading
2021-04-26 16:18:32给div加v-loading即可,其他属性选配 ... element-loading-text="地图加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, .9)" > </div> -
前端开发【jQuery异步加载】H5页面局部加载、js动态加载、延迟加载
2020-08-11 17:31:43目录一、HTML局部加载二、HTML延迟....load()函数根据input内容局部加载html页面。 $searchInput .on('input', function () { if (!this.value.length) { $searchResult.load('search_main.html'); } }); } -
页面的重新加载,页面的刷新及页面跳转
2019-09-05 17:37:46页面重新加载和刷新 1、reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取... -
layui 如何动态加载局部页面_layui的安装以及简单操作
2020-11-20 23:44:08当然,在这个前提下,我们可以使用layui的模块规范建立入口文件,通过layui.use方法来加载该入口文件,如此我们就可以直接在外部书写纯js文件,并且不再需要使用use方法再次加载模块了. sty_module.js文件: 使用模块化,...