ajax请求封装websocket,WebSocket前后台交互

其实对于前后台交互有很多种方法(只列举我知道的,嘻嘻):

1:from 表单:

使用场景——小信息量提交给后台

2:ajax(跨域的话用jsonp):

可以进行多量的前后台信心传递;

但实时性不高,不适合要求实时性的场景;例如qq聊天

3:webscoket:

可以进行大量的前后台信息传递,

实时性也十分良好;主要应用场景为聊天场景;

一:websocket:

1:创建一个websocket实例:

var socket = new WebSocket(socketUrl); socketUrl代表的是请求的地址,类似于ajax的url

2:链接服务器进行前后台交互以及事件处理:

socket.onopen = function(event) {

//想要验证是否连接成功可以给后台发一个消息

socket.send('我已经连接成功了么');

// 这个事件监听,可以监听后台返回来给你的消息,即str就是

socket.onmessage = function(str) {

console.log(str);

};

// 监听Socket的关闭

socket.onclose = function(str) {

console.log(str);

};

// 关闭Socket.... (需要的时候把注释去掉)

//so

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值