先写个关于jsp的，显示个loading....待加载完才显示内容的写法

最新推荐文章于 2024-02-04 15:50:30 发布
最新推荐文章于 2024-02-04 15:50:30 发布 · 294 阅读 · 0

本文介绍了一种HTML页面的自动刷新配置方法，通过设置meta标签实现页面立即刷新并跳转至指定URL。
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<html>
<head>
<METAHTTP-EQUIV="Refresh"CONTENT="0;URL=example/HelloWorld.action">
</head>

<body>
<p>Loading...</p>
</body>
</html>
上面的意思就是０秒后刷新。
iteye_17686
关注
JSP页面加载loading效果图
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
12-23 2017
//加载层-默认风格 layer.load(); //此处演示关闭 setTimeout(function(){ layer.closeAll('loading'); }, 3000); Layer.js地址
JS 设置按钮的loading效果
水w的博客
12-27 1441
设置按钮的loading效果
jsp页面加载时提示loading
09-08
jsp页面加载时提示loading!! jsp页面加载时提示loading!!
JSP页面加载时提示"正在加载中"
11-07
任何jsp页面只要使用包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息，在页面加载完后将自动隐藏。 我为什么使用这个组件？ 1。交互性。 客户清楚知道，你的页面是在加载，需要等待，而不用对着一个空白的网页发呆。 2。方便。 对于程序员来说，只要包含loading页面，就能自动拥有“页面正在加载”功能。 3。美观。类似于yui-ext的效果。 4。跨平台。在IE6和firefox2.0.03下测试成功。new~（在2.0里提供） 5。低侵入性。不会影响包含这个组件的页面，对其他方法的调用。
页面加载时 提示 正在加载中
04-11
任何jsp页面只要使用包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息，在页面加载完后将自动隐藏
JSP如何做"正在加载数据,请稍等..."这样的提示页面 loding。。。
热门推荐
岁寒松柏
09-24 1万+
http://fantasy.iteye.com/blog/67320 ----------------------- 用ajax：ajax发个异步请求的时候 调用一个div显示 数据正在加载中 ……”， 接收到请求的时候 关闭div就可以了 ------------------------------------- 在要加载jsp页面的html代码 下添加如下：
eclipse创建一个web项目，使用jsp文件通过servlet进行跳转显示404（servlet资源不可用）是什么原因
03-24
比如，Servlet的URL映射是否正确，JSP中表单的action或者链接的URL是否写对了，包括大小写是否匹配，是否有拼写错误。 还有，包名和类名的路径问题。如果Servlet类在某个包下，那么web.xml中配置的类名需要包含完整...
jQuery基础教程：AJAX在JSP中的应用详解
这个方法特别适用于按需加载脚本资源的场景，比如当用户点击某个按钮才需要引入特定的功能模块时，可以避免初始页面加载过多不必要的 JS 文件，从而提升性能。例如，在某些复杂的管理系统中，图表绘制功能仅在报表...
前端技术 ES6、Vue、Node.js、NPM包管理器、Babel、模块化、Webpack、vue-admin-template-master框架、服务端渲染技术NUXT
qq_45491549的博客
08-05 1617
前端技术ES6入门ECMAScript 6 简介二、基本语法Node.js一、简介二、安装NPM一、简介二、使用npm管理项目BabelWebpack一、什么是Webpack二、Webpack安装三、初始化项目四、JS打包五、CSS打包 ES6入门 ECMAScript 6 简介   ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言
完整版JavaWeb环境搭建-maven-servlet...与测试，欢迎大家一起学习【狂神说】
黑妖问路的博客
11-15 2795
JavaWeb java Web 前端–>Mysql IDEA版本2020.1.2 1.基本概念 1.1前言 web开发： web：网页的意思 静态web html、css 提供给所有人看的数据始终不会发生变化！ 动态web 提供给所有人看的数据会发生变化!(每个人在不同的时间、不同的地点，看到的信息各不相同！） 淘宝，几乎所有的网站； 技术栈：Servlet/JSP、ASP、PHP 在java中，动态web资源开发的技术统称为javaweb； 1.2、Web应用程序 web应用
2.11用AJAX获取数据（通用做法） 承保子系统的投保单录入页面的“条款信息”TAB页的保单条款部分的条款内容是用AJAX实现了从后台异步获取数据。 本节以“查看条款内容”为例讲述在系统用AJAX从后台异步获取数据的通用做法。 2.11.1“查看条款内容”的操作情景 操作情景是：用户输入条款编码后点击条款内容按钮，此时由页面向后台发送一个查询请求，根据用户输入的条款编码查询出条款内容，并显示在条款内容的<span>区域内。在从页面发送请求到从后台返回查询结果的过程中，页面右上角将显示红色背景的LOADING信息用于提示用户此时前台和后台正在交互。 由于查看条款内容这个操作页面不能提交表单、不能有刷新、并且所有的条款内容又不能事先都查出来，那样效率太低，只能是选择一个条款后再查询它的内容，所以在这些提前下用AJAX技术实现前台和后台的交互是比较合理的。 2.11.2前台JS函数调用后台JAVA类 简单的讲，我们的系统是通过前台JS函数与后台JAVA类之间实现交互的。下面讲解查看条款内容这个例子的实现方法。 首先打开\webapps\prpall\common\clauses\EditClauses.jsp文件，这就是条款信息TAB页的JSP文件。在“条款内容”按钮的onclick事件调用了openPolicyClausesContext()函数，见下图： 我们在调用这个函数时传入了this，表示把当前这个按钮对象作为入参传入方法中。我们来看一下openPolicyClausesContext()函数，这个函数就在这个JSP页面的下方： 在多行输入域模式下，每行的同一列的元素都是同名的，所以我们首先要知道我点击的是哪行的按钮，之后也就可以得到这行的条款代码，并且还要把查询出的条款内容写在这行的条款内容<span>中。函数首先通过调用getElementOrder()函数得到某个页面对象在整个页面的同名对象中是第几个。我们把按钮对象作为入参传入getElementOrder()方法，函数返回的是“单击的是第几个条款内容按钮”，同时也就知道了当前操作的是第几行。有一点要说明，getElementOrder()方法的返回值是从1开始编排的，而数组的下标是从0开始的，所以得到返回值后还要“减1”。 我们通过order变量，可以得到这行的条款代码，我们的条款代码输入域的name是GuClausesClauseCode，我们把“fm.GuClausesClauseCode[]”和order变量作为入参传进getElementObjectByOrder()方法可以得到这行的条款代码输入域对象。fm是当前这个表单的名字，“fm.GuClausesClauseCode[]”这个拼写格式是固定的，正如图中所示。我们得到inputObject对象后，通过调用inputObject.value可以得到这行输入的条款代码。按照同样的方法，我们可以得到<span>中存放条款内容的<TEXTAREA>对象。 接下来我们要判断如果用户输入了条款代码并且此时条款内容<TEXTAREA>中还没有数据，那么我们就调用dwrInvokeData函数实现前台JS与后台JAVA之间的交互。dwrInvokeData()、getElementObjectByOrder()、getElementOrder()函数都是系统提供的公共的JS函数，已经在\webapps\common\StaticJavascript.jsp文件中引入了，所以我们在函数中直接调用即可。 dwrInvokeData()函数接受5个入参：“"openPolicyClausesContext"”—将要调用的后台JAVA类的方法名；clauseCode—这个方法的入参，我们要求这些后台的JAVA方法的入参只能有一个，但不必须是字符串，也可以是一个数组，常用的JS变量就是单值的变量或者是数组，这个入参也可以是我们自定义的JS对象，但这个对象必须与后台某个DTO对象对应；“"openPolicyClausesContextCallback"”—是当dwrInvokeData()函数运行后回调的页面上的JS函数，这个JS函数是要我们自己写的；inputObject—是传入参数的输入域对象，实际上我们可以在这里传入任何一个输入域对象，或者是一组对象的数组；outputObject—用于显示后台查询结果的输入域对象，可以是一个单一的对象也可以是一组对象的数组。 通过上面的讲述可以看出，我们对第二、四、五个参数几乎没有限制，它们都有很大的利用空间。调用dwrInvokeData()函数之后，请求就被发送到后台，下面讲述后台JAVA类的编写方法。 对于用AJAX从后台获取数据的方法，我们都写在平台子系统的DwrInvokeDataAction类中，它在com.chinainsurance.application.platform.web.action包下。它用于接收从前台JS函数发来的请求，在这个例子中我们传给dwrInvokeData()函数的第一个参数是openPolicyClausesContext，表明在后台的DwrInvokeDataAction类中要有一个同名方法与之对应。如下图所示： 上面这个例子中函数的入参是String类型，这是因为我们在前台JS中定义的入参是“var clauseCode = “”;”并且我们也已经知道clauseCode这个参数肯定是一个字符串，所以我们在后台JAVA方法的入参也对应的指定为String类型。 如果我们可以明确的知道这个前台的JS参数肯定是一个数字，那我们在后台的JAVA方法的入参可以直接定义为Integer、Double或Long类型的，系统会自动把参数从JS变量转换为JAVA对象传进方法。由于在JS语法中所有数据类型的变量都可以用“var”来定义，所以在这里我们必须要确保在JS中指定的入参（例子中是var clauseCode）的数据内容一定能转换为JAVA方法的入参（例子中是String clauseCode），否则JS函数会弹出“[Object Error]”错误。 如果我们在前台JS中定义的参数是一个数组，像下面这样： 为了演示功能，我们特意定义了一个inputArgs数组并且把clauseCode作为它的第一个元素。我们再来看一下这样定义JS参数之后，对应的后台类该怎样写： 对于JS数组inputArgs我们已经知道它存放的元素都是字符串，所以在后台类的方法中我们可以明确定义入参就是String[]类型，系统会自动把JS数组转换为JAVA对象字符串数组。同理，如果我们能事先明确JS数组存放的都是数字，那我们也可以把JAVA方法的入参类型指定为Integer[]、Double[]或Long[]。 以上我们的入参都是JDK标准的对象类型，除此之外我们也可以使用自定义的对象。我们再来修改一下JS函数，像下面这样： 我们在第一个红框内自定义了JS对象类型GgClauseTextDto并且定义了两个属性clauseCode和lineNo；在第二个红框内我们创建了这个对象类型的一个实例并且把clauseCode值赋给了这个对象的clauseCode属性；在第三个红框内我们把这个对象作为参数传递到后台。下面接着看后台的JAVA类： 后台JAVA方法入参我们指定的是一个DTO，由于我们自定义的JS对象的属性与后台JAVA对象GgClauseTextDto的属性是一致的，所以系统可以自动把JS对象转换为JAVA对象。这里需要说明：1，JS对象不用把后台DTO的所有属性都定义进去，用到哪个属性就定义哪个属性就行了，像我们的例子中只定义了clauseCode和lineNo，实际上我们的lineNo属性没有用到，在这里不定义也是可以的；2，JS对象的属性名必须与后台DTO的属性名一致，否则系统无法自动把JS对象的属性值复制到JAVA对象中。3，JS对象的类型名称不必须要与DTO类名相同，但我们建议定义为一样的，这样方便前后台对应维护。 还有一种更简便的写法，就是在JS对象中连属性都不用定义，在用到这个对象时需要哪个属性就直接为这个属性赋值就可以了。像下面这样： 我们在第一个红框内已经不定义属性了；在第二个红框内依然跟前面的写法一样，直接调用ggClauseTextDto.clauseCode为其clauseCode属性赋值。 我们也可以把GgClauseTextDto对象放到JS数组中传到后台，像下面这样： 对应的后台类是： 我们把JAVA方法的入参指定为GgClauseTextDto数组，是因为我们已经事先知道JS数组中存放的都是GgClauseTextDto对象。如果我们在JS数组中放入了各种各样的对象，那我们后台的JAVA方法的入参要指定为Object[]，然后在JAVA方法中再使用强制类型转换。 从上面的例子可以看出，JS方法入参和JAVA方法入参的对应关系是很灵活的，虽然我们的入参只有一个，但这一个参数有很大的利用空间。 在DwrInvokeDataAction的方法中得到入参后，调用Service查询数据的方法跟普通的Action类似，没有什么特别的。 下面讲解后台的返回值以及前台的回调函数。 2.11.3后台JAVA类为前台JS函数返回结果 回忆一下我们调用dwrInvokeData()函数时的入参： 红框内的参数是后台执行完查询后要调用的前台的JS函数，这个函数是要开发人员自己编写的，像下面这样： 这个方法的入参是固定的三个：第1个和第2个跟调用dwrInvokeData()方法时传入的inputObject和outputObject一样，我们只是简单的把传给dwrInvokeData()方法的inputObject和outputObject对象又传给了我们自己写的这个回调函数；第3个参数是后台JAVA方法返回给JS函数的数据。 我们上面给出的JAVA方法的返回值就是一个String数据存储着条款内容，所以系统会自动把JAVA字符串转换为JS字符串，所以我们就直接把returnObject赋给条款内容输入域就可以了。我们系统可以自动转换的JAVA对象包括：String、Integer、Double、Long，还包括所有的DTO对象。例如如果后台返回的是一个DTO，像下面这样： 为了演示功能，我们特意把条款内容查询出来之后放进了一个DTO的context属性。返回到前台后我们看一下回调函数该怎样写： 后台JAVA对象返回到JS函数时系统已经把它转换为了JS对象，所以我们在回调函数中直接调用returnObject的属性就可以了，不用再写任何关于类型属性定义或转换的语句。调用returnObject的属性时要注意属性名与后台返回的DTO的属性名是一致的。 从后台也可以返回一个存储DTO对象的java.util.List，在前台JS中可以这样获取List中的每个对象： 如果从后台返回的对象是java.util.List，在调用前台的JS回调函数时系统已经把java.util.List对象转换为JS数组。我们可以像操作普通的JS数组一样来操作returnObject。如果后台返回的是某个对象的数组，那么前台JS的操作方式与上面一样，只是通常情况下我们从后台都不返回数组对象，要么返回的是单个的DTO对象，要么返回的是List对象，或者返回的是JDK标准的对象类型。 2.11.4dwr的同步执行问题 Application.js文件里的function dwrInvokeData()函数，增加了一个入参async，用于指定这个函数在本次执行时是否是异步的。这个入参是boolean型变量true/false。如果传入true，表示是异步的，如果传入false，表示是同步的；如果不传，默认是true。 以前dwrInvokeData函数有6个入参，但我们通常调用它时只传入5个，例如：dwrInvokeData(p1, p2, p3, p4, p5)。现在入参是7个了，调用时一定别忘记把原来第6个入参的位置传入null，否则参数就错位了。例如：dwrInvokeData(p1, p2, p3, p4, p5, null, false)。 原先第6个入参是自定义的提示信息，我们现在dwr在工作时页面右上角显示Loading，这个信息是可以通过第6个入参来自定义的。但我们通常不需要这样做。所以第6个入参传入null即可。 2.11.5总结 我们用AJAX从后台获取数据时要编写的代码是： 1.编写一个JS调用函数，例如openPolicyClausesContext()函数，用于组织参数并通过它来调用dwrInvokeData()函数； 2.在DwrInvokeDataAction类中写对应的方法，用于查询数据； 3.编写一个JS回调函数，用于把从后台返回的数据按照自己的规则显示到页面上。 简单的讲，我们就是通过JS调用JAVA来实现获取数据的。在获取数据的过程中，页面右上角会显示LOADING信息，在这期间不适合做页面校验、不适合提交表单，在这期间请耐心等待，但用AJAX异步获取数据的速度是很快的，并不会等待太长时间。 对于JS入参是DTO的和后台返回DTO对象的情况要注意，JS不能读取DTO对象中嵌套的DTO对象的属性。我们的系统只能把DTO对象中的JDK标准数据类型的属性在JS和JAVA之间互相转换。JS中调用的DTO的属性名必须和JAVA的DTO对象的属性名一致。 怎么快速理解以上的开发文档知识
最新发布
10-28
1. **先模仿再创新**：找一个已有的功能复制代码，改几个变量名测试。 2. **打印调试**： - JS 中用 `console.log(clauseCode)` - Java 中用 `System.out.println(clauseCode)` 查看是否接收到 3. **抓包分析**：...
页面加载等待功能(JSP)
02-03
一个页面加载等待页面的例子，只要嵌入到任意页面中，页面即具有加载等待的效果（JSP版的）
python能做页面加载动画吗_css实现页面加载动画
weixin_39855843的博客
12-04 287
正在加载中...........html,body,#loading {height: 100%;margin: 0px;padding: 0px;}.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}#loader-wrapper {position: fixed;top: 0;left: 0;...
jsp提交时loading图片
向死而生
09-16 1208
表单提交时为了给用户友好的体验，通常会加上一个lodaing的图标，给用户友好提示。
javascript实现页面加载loading动画(附完整源码)
weixin_45912344的博客
02-04 2631
4.开发利用的是组件化开发，在main.js中存储的是数据（状态管理，使用的是pinia)1.创建一个CSS样式，用于显示loading动画。5.在request.js接口请求和响应拦截时做处理。
jsp页面进度条加载
ZChangfeng的博客
04-07 3112
images/match/waiting.gif"  />加载中，请稍候... function showWaitTipFn(){//显示加载进度条 $(".loadingWord").css({'display':'block'}); $(".showbox").stop(true).animate({'margin-top':'300px','opacity':'1'},200);
jsp预加载转圈_页面预加载loading动画
weixin_30783981的博客
01-27 1053
在现在网速跟设备都跟得上的情况下、使用预加载图片感觉效果不大，我们需要做的只是增强用户体验，在加载完成之前加个动画，简单粗暴。网上扒的一篇文章查看原文：http://www.ibloger.net/article/401.html效果页面：http://crusader12.com/C12HoverAlls/首先定义一个loader.css文件，如下内容.chromeframe {margin: ...
jsp预加载转圈_页面性能（异步加载、缓存，首屏加载，操作dom慢）
weixin_28676181的博客
12-28 671
* [ ] 题目：提供页面性能的方法有哪些？* 资源优化1. 资源**压缩合并**，减少http请求(js合并)(gzip)(css合并，图片处理css：cssSprite，打包成base64格式)2. 非核心代码**异步加载**==》异步加载方式==》异步加载的区别3. 非核心代码也可按需加载(需要的时候才会加载，和异步加载不同)4. 利用**浏览器缓存**(减少请求)(最重要的一步)==》缓存...
JSP项目中必备的jstl.jar与standard.jar
Java服务器页面标准标签库）是一个为JSP页面设计的开源标签库，它由JCP（Java Community Process）制定标准，并提供了一组自定义的标签来简化JSP页面的开发，使得页面内容的表现与业务逻辑分离。JSTL定义了一套标准...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值