HTML5程序设计-Web通信.pptVIP

提示 OursNET.HTML5.WebSocket.dll和OursNET.HTML5.WebSocket.WebSvr.exe应处于同一目录下。而且要配置防火墙允许OursNET.HTML5.WebSocket.WebSvr.exe访问网络。 通信消息的格式 命令id, 发消息人id, 收消息人id, 消息内容 【例9-10】 html head script type=text/javascript var socket = new WebSocket(ws://02:8050); function sendmsg(){ if(window.WebSocket){ socket.send(MSG,0,0,hello); } else{ alert(您的浏览器不支持WebSocket API。); } } socket.onopen = function() { document.getElementById(msg).value = 已建立连接; } socket.onmessage = function(e) { document.getElementById(msg).value = 收到消息：+e.data; } socket.onclose = function(e) { document.getElementById(msg).value = 连接已关闭; } /script /head body output id=msg/output button id=send onclick=sendmsg();发送信息/button /body /html 连接到OursNET.HTML5.WebSocket服务器 收到服务器的反馈信息 退出OursNET.HTML5.WebSocket服务器的页面 uploadFile ()函数的代码 function uploadFile() { var fd = new FormData(); fd.append(fileToUpload, document.getElementById(fileToUpload).files[0]); var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else if(window.ActiveXObject){ xhr = new ActiveXObject(Microsoft.XMLHTTP); } xhr.upload.addEventListener(progress, uploadProgress, false); xhr.addEventListener(load, uploadComplete, false); xhr.addEventListener(error, uploadFailed, false); xhr.addEventListener(abort, uploadCanceled, false); xhr.open(POST, upfile.php); xhr.send(fd); } （1）progress事件 function uploadProgress(evt) { if (evt.lengthComputable) { var percentComplete = Math.round(evt.loaded * 100 / evt.total); document.getElementById(divprogress).innerHTML = percentComplete.toString() + %; document.getElementById(progress).value = percentComplete; } else { document.getElementById(divprogress).innerHTML = unable to compute; } } （2）load事件 load事件的处理函数为uploadComplete ()，代码如下： function uploadComplete(evt) { document.write(evt.target.responseText) } （3）abort事件 abort事件的处理函数为uploadCanceled()，代码如下： function uploadCanceled(evt) { alert(上传过程被取消。); } （4）