Jquery封装: WebSocket插件

 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();
        }
    });

});