【入门】vert.x中eventBus实现通信的例子(前端js部分)
2017-07-12 10:34
375 查看
1.打开webstorm新建html
2.下载 vertx-eventbus.js文件并引入到你的html中
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js"></script>
<script src="vertx-eventbus.js"></script>
3.后台提供给你一个eventbus的服务访问地址,如:"http://192.168.106.112:8080/eventbus"这个服务每隔一段时间向你发送一些数据
4.html中添加js代码,实现监听。代码中的"chat.to.client"与"chat.to.server"是为了区分是接收还是发送数据的服务,这里前后台保持一致就行了。
var ebTrail=new EventBus("http://192.168.106.112:8080/eventbus");
ebTrail.onopen=function(){//监听数据
ebTrail.registerHandler("chat.to.client",function(err,msg){
console.log(msg.body);//在这里对接收的数据进行一些操作
});
ebTrail.publish("chat.to.server","RequestTrailData");//这行代码可以发送信息给服务端
};
2.下载 vertx-eventbus.js文件并引入到你的html中
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js"></script>
<script src="vertx-eventbus.js"></script>
3.后台提供给你一个eventbus的服务访问地址,如:"http://192.168.106.112:8080/eventbus"这个服务每隔一段时间向你发送一些数据
4.html中添加js代码,实现监听。代码中的"chat.to.client"与"chat.to.server"是为了区分是接收还是发送数据的服务,这里前后台保持一致就行了。
var ebTrail=new EventBus("http://192.168.106.112:8080/eventbus");
ebTrail.onopen=function(){//监听数据
ebTrail.registerHandler("chat.to.client",function(err,msg){
console.log(msg.body);//在这里对接收的数据进行一些操作
});
ebTrail.publish("chat.to.server","RequestTrailData");//这行代码可以发送信息给服务端
};
相关文章推荐
- js实现登录注册框手机号和验证码校验(前端部分)
- 跨域JS与服务器端通信例子
- Servlet实现搜索引擎前端的例子!
- SharpStreaming项目开发纪实:构建基本的服务器及客户端应用(六)——服务器通信部分初步实现
- 【转】跨顶级域js传值实现---SNS平台与第三方APP的JS通信实现
- 【入门】PHP 与 js的通信(via ajax,json)
- 利用JS配合XMLHTTP方法实现多级联动的例子
- 使用 JSONP 实现跨域通信,第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
- js RegExp 入门的简单例子(2)-replace
- js RegExp 入门的简单例子
- Hypertable 简介 (一个 C++ 的Bigtable开源实现) 【很好的入门的例子】
- prototype.js ,ajax部分使用例子
- 收藏,对比功能的JS部分实现代码
- 晚上不睡觉,搞的一个例子《JS实现动画》
- 最简单易理解的Flex PureMVC入门例子:实现登录
- JS实现回调例子
- JS实现回调例子
- AOP入门的简单例子(Spring AOP实现)
- [转]boost::asio::ip::tcp实现网络通信的小例子
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup