服务器之家

服务器之家 > 正文

Dwr3.0纯注解(纯Java Code配置)配置与应用浅析二之前端调用后端

时间:2020-04-21 11:32     来源/作者:wulei

首先当我们将Dwr3配置好以后,我们可以在浏览器中测试一下,查看一下我们配置的Dwr有没有生效,方法是

http://localhost:[你的服务器端口号,默认不写为80]/[ Web 名称 ]/dwr/,回车后就会出现你之前定义的Dwr的script的名称了,如下所显示这样:

Dwr3.0纯注解(纯Java Code配置)配置与应用浅析二之前端调用后端

当你点击第一个remote的时候会出现如下所示页面:

Dwr3.0纯注解(纯Java Code配置)配置与应用浅析二之前端调用后端

出现这样的页面就说明你的Dwr基本配置成功了,为什么说基本成功,因为这里面显示了你这个Service组件所有的方法,但是有一点就是,只有你注解了@RemoteMethod的方法你才有权限可以直接在页面上面访问,否则就会报错;

那么下来我们就可以真正使用页面去访问后台方法了,在此之前你必须在你的*.js文件所被包含的*.html文件中引入以下三个文件,如下所示:

?
1
2
3
<script type='text/javascript' src='Web Path/dwr/engine.js'>
</script><script type='text/javascript' src='Web Path/dwr/util.js'>
</script>

这以上是Dwr默认必须引用的,原理不做解释,下面要引用的一个就是你要调用的这个Service组件(Java中的类),相当于Js文件,也就是说Dwr将后端的这个Service类相当于直接转化为前端的js文件了,里面的方法就是相当于这个js文件里面的方法,只要引用进来就可以直接调用了,如下所示:

?
1
2
<script type='text/javascript' src='Web Path/dwr/interface/remote.js'>
</script>

那么下来就可以在我们的js里面直接调用这个remote类里面的方法了,如下所示:

?
1
(function($){    remote.setEnableDwrUpdate();};

remote里面的setEnableDwrUpdate()就是上一篇的那个SessionExpiredParam类中setEnableDwrUpdate()方法;

至此前端调用后端的就OK了,下一篇是后端怎么反向调用前端,提前给大家剧透一下^_^;

标签:

相关文章

热门资讯

沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意 2019-07-07
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部