继续吐槽IE

周星星1832

因为还在测试中。。。
所以又发现两个ie的问题。。。。

IE 11 iframe access denied.
就是load something to hidden ifrmae 然后获取load content 的内容。
ie 11 报错access denied. 就是不能accss ifrmae 即使load host 是相同的。。。。。。

解决办法
就是在header 里加上 x-frame-options SAMEORIGIN.....

无语。。。。。


另外一个其实不是问题。。算是经验分享吧。。。

需要用iframe 传回json data..而获取json数据的方法ie又有不同

firefox chrome 啥的。。用document.find("body pre")
而ie 有时需要 document.find("body").

周星星1832

mason00 发表于 13-8-2014 23:29
可以用多个form做ajax file uploading吧

Ajax 不能upliad file

ubuntuhk

IE果然奇葩。。。

周星星1832

ubuntuhk 发表于 13-8-2014 21:18
IE果然奇葩。。。

ie 就是噩梦。。。即使11了还是噩梦。。。。

mason00

第二个等用jQuery来拿吗？可能会解决这种不一致

mason00

第一个不懂，为什么要用hidden iframe呢？要异步吗？可以不用iframe吗？

周星星1832

mason00 发表于 13-8-2014 21:40
第一个不懂，为什么要用hidden iframe呢？要异步吗？可以不用iframe吗？

用hidden iframe是因为要做ajax file upload的效果。。。

就是说post file到ifrmae然后返回json data到iframe， 然后获取data..再转为json

mason00

周星星1832 发表于 13-8-2014 22:29
用hidden iframe是因为要做ajax file upload的效果。。。

就是说post file到ifrmae然后返回json data ...

可以用多个form做ajax file uploading吧

mason00

周星星1832 发表于 14-8-2014 06:57
Ajax 不能upliad file

可以吧，new一个xmlrequest，设头，attach form data,还有很多异步上传文件的插件咯

mason00

所以起码要ie10才是现代浏览器

file upload is not possible through ajax. You can upload file, without refreshing page by using IFrame. you can check further detail here

UPDATE:

With XHR2, File upload through AJAX is supported. E.g. through FormData object, but unfortunately it is not supported by all/old browsers.

FormData support starts from following desktop browsers versions. IE 10+, Firefox 4.0+, Chrome 7+, Safari 5+, Opera 12+

For more detail, see MDN link

周星星1832

mason00 发表于 14-8-2014 07:02
所以起码要ie10才是现代浏览器

file upload is not possible through ajax. You can upload file, witho ...

还要支持一少部分ie7呢

michaelsusu

原来周老板也是做IT的

周星星1832

michaelsusu 发表于 14-8-2014 09:16
原来周老板也是做IT的

是的哈

spaceship

IE是Web开发者的噩梦，话说很多人讨厌微软就是从IE开始的。

justinfang

safari and chrome are the best

diouf

http://blueimp.github.io/jQuery-File-Upload/

diouf

另外 老板不用jQuery来查找element也是很奇葩的...

周星星1832

diouf 发表于 14-8-2014 11:36
http://blueimp.github.io/jQuery-File-Upload/

其时我就是用jquery 的一个plug in来ajax上传的file的。。那个用hidden ifrmae..而且代码很短。。容易自己改动。。

這個看着功能还是挺多的

周星星1832

diouf 发表于 14-8-2014 11:37
另外 老板不用jQuery来查找element也是很奇葩的...

why???

diouf

周星星1832 发表于 14-8-2014 11:42
why???

firefox chrome 啥的。。用document.find("body pre")
而ie 有时需要 document.find("body").


因为jQuery 只需要 var body =$('body'); 就完事了 爱用啥浏览器用啥 不影响我开发...

周星星1832

diouf 发表于 14-8-2014 11:49
firefox chrome 啥的。。用document.find("body pre")
而ie 有时需要 document.find("body").

晕。。
其时用的就是jquery..

只不过不同的浏览器用iframe load content, 尤其是json data的时候会不同。。比入firefox就会在body tag后面加个pre 而ie则沒有

所以要用两个selector。。

black_zerg

Didn't know there is document.find. Always use queryselector

周星星1832

black_zerg 发表于 15-8-2014 11:52
Didn't know there is document.find. Always use queryselector

那是伪代码。。。。。。。。晕

周星星1832

the jquery is actually

iframe.contents().find('body pre');
iframe.contents().find('body');

mason00

Jquery就是解决早期浏览器JavaScript标准不一样而成名的。ie确实垃圾，jquery最后也不支持太早的ie了

周星星1832

mason00 发表于 15-8-2014 12:09
Jquery就是解决早期浏览器JavaScript标准不一样而成名的。ie确实垃圾，jquery最后也不支持太早的ie了

jquey 1.x 支持ie6+
jquery 2.x 支持ie9+

所以还得继续用jqeury 1.x

diouf

只有内网系统才会考虑2.x
1.9/1.10 都很好用很稳定了已经

周星星1832

diouf 发表于 15-8-2014 13:01
只有内网系统才会考虑2.x
1.9/1.10 都很好用很稳定了已经

en ...不知道2.x多少个bug。。。
其实jquery bug 也不少

mason00

diouf 发表于 15-8-2014 13:01
只有内网系统才会考虑2.x
1.9/1.10 都很好用很稳定了已经

2.x是支持最新的html 5特性的，内核支持不一样，一般selector是差不多，但是ie带给框架的负担实在太重了

DDD888

周星星1832 发表于 15-8-2014 12:17
jquey 1.x 支持ie6+
jquery 2.x 支持ie9+

是呀，我也不得不用jquery 1.x啦