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

 });