前面两篇文章使用了Ajax long polling和WebSocket两种常用的Web实时通信方式构建了简单的聊天程序. 但是,由于浏览器的兼容问题,不是所有的环境都可以使用WebSocket这种比较好的方式.也就是说,根据浏览器或者环境的不同,客户端和服务端可能需要使用不同的通信方式. Socket.IO简介 为了解决上面的问题,Socket.IO就出现了. Socket.IO是一个基于Nodejs的,用于实时通信的一个软件包(包括client端和server端),Socket.IO完全由J

在业务里用到了PHP header导出doc文档,GET传值到页面,读出相应数据输出doc文件下载.用户提出需要批量,于是设计成js循环出对应数量的window.open(),向页面传入不同的值,批量输出相应的文件.简单的说,就是我需要循环出多个window.open(). js代码为: var outCode = JSON.parse(<?php echo $jsonCode; ?>); for(var i=0; i<outCode.length; i++){ $statu = $(&

1.时间真快,一晃又快冬天了,下了第一场雪.雪花漫漫,堵车悠悠. 2.这次遇到这样一个问题,就是RedirectAttributes传递数据参数,如果参数数据过大,在IE8浏览器时候会跳转不过去.其实发现,很多时候都是IE8给我们找麻烦.因为在IE9以上还有谷歌等其他浏览器基本都是可以携带大量的长度的数据参数.所以之前的工程估计也是没有注意到这一点. 3.先上一个问题原型代码 @RequestMapping("/test1.do") public String test1(HttpSe

直接进入主题,本篇文章有点长,包括从设计阶段,到摸索阶段,再到实现阶段,最后全面覆盖测试阶段(包括数据搜集清洗),还有与主流前端通信框架进行对比PK阶段. 首先介绍一下一些概念: 1. 浏览器的并发能力:浏览器设计当初就定义了浏览器打开页面,同时发送http请求的瞬时数量.这样设计有很多原因,同时保护浏览器和服务器.具体可以谷歌或者百度关键字:浏览器并发. 2. 浏览器针对服务器域名请求的并发限制数量: 3. 请求池:类似于数据库连接池一样,对数据库请求连接进行分配管理等等 4. 复用请求:对于

1. 概述 传统网页的通信方式是请求-响应模式,每次请求-响应都是新的连接.连接的建立和断开也是需要消耗资源的. WebSocket是基于TCP协议,实现单个连接上的双向通信. 本章内容包括: 异步读写字符串和二进制数据.选择连接丢失策略.何时使用WebSocket. 2. 主要内容 2.1 异步读写字符串和二进制数据 * HTTP polling 是传统的使用一系列AJAX请求来实现客户端服务端长久连接(表面上看起来是长久连接)的方式. * HTTP long polling 是客户端使用AJ

我今天在改项目bug的时候,发现ajax请求在ie8下有缓存,在缓存过期之前,针对相同地址发起的多个Ajax请求,只有第一次会真正发送到服务端.在某些情况下,这种默认的缓存机制并不是我们希望的(比如获取实时数据). 而FF和Chrome下不会出现这种情况. 为了不受缓存影响,解决方法: 一.改变IE访问策略 Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以 二.通过为URL地址添加后缀 在AJAX请求的页面后加个随机函数,例如我们可以使用

最近调PC版网站ie8的兼容性,发现所有ajax请求还没到后端服务器就直接ajax error了 ie8发不出ajax请求,断点调试发现ajax全进入了error,提示“No transport” 我是访问本机网站项目,所以配的是localhost,ie8不能像chrome浏览器通过启动命令开启跨域限制,所以用nginx对ajax请求做proxy_pass中转了 具体配置如下: server { listen 80; #listen 8787; server_name localhost; #c

从没打算怎么去兼容老版本IE,毕竟微软自己都放弃了,可是最近做好的东西在所有的IE下都会出问题:GetJson不执行 本来觉得挺简单的,度娘也给出了一大堆的解决方案,可惜,基本上都是在说缓存,实际上并没有什么卵用. 本身是要通过Yahoo Query Language去获取一个页面中的数据的,如果在所有的IE上都用不了,那的确是个问题.但比较奇怪的是,其他所有浏览器都几乎没有任何问题,直接请求雅虎的地址,然后就能取出结果. 于是一行一行的调试,状态码直接返回了0,于是有点怀疑是否是跨域的问题了.

ie8下默认把跨域请求拦截了,需要用jquery.xdomainrequest.min.js 处理跨域问题,需放在jq下引入 http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js

今天发现IE9以下的浏览器,ajax请求返回数据异常研究半天发现是type参数未设置,由于默认方式是Get,添加上type:“post”就恢复正常了

/// <summary> /// 根据url获取对应的HTML /// </summary> /// <param name="url"></param> /// <returns></returns> [Request("GET", "getHtml.aspx")] public View GetHtml(string url) { WebClient wc = new

企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flash的支持 [3]—— IE11 新的GPO设置 [4]—— IE企业模式介绍 [5]—— 不跟踪(DNT)例外 [6]—— Internet Explorer 11面向IT专业人员的常见问题 [7]—— Win7和Win8.1上的IE11功能对比 [8]—— Win7 IE8和Win7 IE11对比

今天在开发的时候,遇到一个问题,$.get()在 IE8 浏览器不起作用,但 Chrome,Firefox 却是可以的,网上资料很多,最后发现是 IE8 默认不支持 CORS 请求,需要手动开启下: jQuery.support.cors = true; //url 是跨域的地址 $.get(url, , function (data) { //... }); 参考资料:Ajax call not working in IE8 后来发现上面的设置在 IE8/IE9 中无效,需要另外的解决方案:j

最初对做兼容性的认知只停留在UI层面,但其实UI层面都还好,因为毕竟你可以直接看得见现象,更为重要的是在JavaScript层面,因为这个部分涉及到功能性,前者最多是体验性的问题.下面扯一下这几天遇到的IE8相关的兼容性问题. 1.所有$.ajax失效 刚开始看到的现象是IE8/9页面切到了留言页面,没有进入正常流程.打开fiddler都没抓到请求,奇怪了,打出$.ajax error方法中的返回值.xhr.status的值都是0,原来请求没有发出去.心想:怎么没有发出去呢,难道是跨域问题,不对

信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多网站都采用了动态请求的方式,避免页面刷新.虽然大家都是ajax,但是从一些小的细节还是 可以区分优劣.一个小的细节是能否支持浏览器“后退”和“前进“键.本文讨论两种方法,让浏览器可以后退和前进,或者说让ajax就像重定向到新页面一样 拥有能够返回到上一页或者前进到下一页. 数据实现分页显示,最简单的做法是在网址后面加多个page的当数,点“下一页”时,让网页重定向到page+1的新地址.例如新浪的新闻网就 是这么做的,通过改变网址实现:i

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法   HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内

最近在做图片上传功能. 点击一个按钮,弹出一个iframe,它是百度的webuploader插件 在点击关闭按钮时,IE9下总是会报错: __flash__removeCallback未定义错误 解决办法很简单,就是在关闭前直接清空含有此flash控件的dom元素. 原因在以下两篇博文里:http://blog.csdn.net/lanfeng330/article/details/8492910 http://blog.csdn.net/qq282030166/article/details/

IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug. 这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 普通IE css bug bug名称 影响版本 描述 Image Label Focus Bug IE8,IE7,IE6 <img>元素在<label>元素之内,单击时,焦点不会转移到相应的表单控件 按钮Margin-A

1.跨域请求: Cross Domain Request:跨域名的HTTP请求,浏览器从某个域名下的资源访问了另一域名下的另一资源(协议.域名或是端口号不同): ①浏览器允许跨域请求的情形:  <img>.<link>.<script>.<iframe> ②禁止跨域请求的情形:  XHR--浏览器默认出于安全考虑,禁止XHR跨域请求: ③相关名词及解决方案:  a.相同域:两个具有相同的协议(如:http).相同的端口(如:80).相同的host(主机名),

工作时使用了Websocket技术,在使用的过程中发现,浏览器(Chrome)升级后可能会导致Websocket不可用,更换浏览器后可以正常使用. 近日偶尔一次在本地调试,发现使用相同版本的Chrome浏览器,不可连接线上服务器的WS服务,但是可以连接本地的WS服务. 此时初步怀疑是服务器在某种特殊情况下会触发无法连接的问题. 使用Wireshark抓包 Filter:    ip.dst==serverIP or (ip.dst==本地IP and ip.src==serverIP) 一.查看

[名词解释] 跨域:https://developer.mozilla.org/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript 同源策略(注意Network Access这一节):http://www.w3.org/Security/wiki/Same_Origin_Policy   [问题描述] 浏览器出于安全的考量(避免恶意网站轻易读取其他网站显示的内容,因为该内容可能含有敏感信息,想象iframe嵌套银行网页)原则上允许跨域写