Jquery封装: WebSocket插件
2024-08-28 13:25:27
1 $(function() {
var websocket = null;
//浏览器是否支持websocket
if ("WebSocket" in window) {
try {
websocket = new WebSocket($("#socketUrl").val());
websocket.onopen = function(data) {
// console.log("connect success ");
}; websocket.onmessage = function(data) {
if (!isJsonFormat(data.data)) {
// console.log("onmessage : " + data.data);
} else {
var dataJson = JSON.parse(data.data).files;
if (null != dataJson) {
var imgId = $('.waite-for-ws').attr('imgId');
for ( var key in dataJson) {
var path = dataJson[key].filePath; $('#' + imgId).attr('src', ctx + "/wsla/download?filePath=" + path);
$('#' + imgId).attr('path', path);
$('#' + imgId).show(); $('.waite-for-ws').parent().siblings('input[type=hidden]').val(path); } var index = imgId.lastIndexOf("-");
var selector = '#' + imgId.substring(0, index) + '-tips';
$(selector).hide();
$(selector).css('display', 'none'); $('.waite-for-ws').removeClass('waite-for-ws');
// $('#uploadSuccessDiv').show();
$("#div-show").hide(); if (imgId == 'id-01-img' || imgId == 'id-02-img') {
sfzjzpTip();
} else if (imgId == 'id-03-img') {
lszjpTip();
} else if (imgId == 'id-04-img') {
yyzzjpTip();
} } else {
$("#div-show").show();
}
}
}; websocket.onerror = function(e) {
// console.log('connect error ');
}; websocket.onclose = function(data) {
}; window.onbeforeunload = function() {
websocket.close();
} } catch (error) {
// console.log('connect error ');
} } else {
// console.log("Websockets not supported");
} $('.close').click(function() {
if (websocket != null) {
websocket.close();
}
}); });
最新文章
- word页码上加横线&;&;word删除单页页眉
- css狂记
- 【云计算】docker前世今生
- MongoDB 入门之基础 DCL
- C#--判断当前是否是移动设备和设备的型号
- schtasks确实可以绕过UAC,简直不可思议啊~~
- 记一次Time-Wait导致的问题
- 《ASP.NET 本质论》HttpApplication的处理管道 ,HttpMoudle,HttpHandler
- POJ-2240
- 如何编写高效的jQuery代码(转载)
- 杭电ACM2001--计算两点间的距离
- wave
- Luogu P3239 [HNOI2015]亚瑟王
- java实现pdf按页切分成图片
- [Ting's笔记Day4]将Ruby on Rails项目部署到Heroku
- (笔记)Linux内核学习(二)之进程
- el表达式原样输出,不被解析
- ML(附录4)——拉格朗日乘数法
- 判断js数组/对象是否为空
- ios开发之--所有设备的屏幕尺寸