IE AJAX 返回 undefined

先说故事，再说想法吧。

我有一朋友作网站，用jQuery的Ajax方法从后端载入一段HTML代码而后动态插入到网页的Div元件中。这个东西太广泛了。jQuery强大的load方法能够完成这个事情。朋友的代码是这么写的：

1 2 3

vartab = jQuery("#dynamic_tab"); varurl ="/list_ajax/"; tab.load(url);

简单到不能再简单了。在Chrome，Firefox，Safari下运行一点问题也没有，只有IE不行，不论是IE7，IE8，仍是IE9。问题的症壮是，使用IE访问那个Ajax的连接，没有问题，可是在jQuery的Ajax方法返回了“undefined”的respons对象。没有任何报错！

怎么搞也搞不定，只好Google了一下——“jQuery load IE”，一看，不少人都在问这个问题。因而开始了散弹枪编程方式。

排在第一的就是StackOverflow被浏览了33K次的这个问题：jQuery’s .load() not working in IE – but fine in Firefox, Chrome and Safari，答案没有被打勾（不靠谱），StackOverflow还有不少人问类似的问题，不过都没有答案。无论三七二十一，先试了一下，散弹枪嘛。试了半天都没有用。

而后上Google查，又看到有人说的IE缓存的问题，什么，要把cache设置成false，或是用下面的方法来解决：

1 2 3 4

vartab = jQuery("#dynamic_tab"); varfuckie = Math.random(); varurl ="/list_ajax/"+"?fuckie="+fuckie; tab.load(url);

反正仍是同样，通通不Work，几乎全部的都试了，都不Work。搞了一天的朋友恼怒道：“Microsoft应该快点倒闭吧，产品太烂了”。IE的确是太烂了。

因而我用IE9的网页调试器能够看到点了Ajax的连接后，IE对网站有http的Ajax请求，也能够看到请求返回了，可是就是不显示在个人页面上——jQuery的Ajax的responseText为undefined!

对于我这个老家伙，对jQuery也不熟，我只得开始调试jQuery的代码，想看看里面干了什么，报了什么错？调了一个小时，基本上把jQuery的Ajax的封装看懂了七七八八了，可是仍是没找到为何有问题。

因而，我只得架起原生态的Ajax，看看IE的那个Ajax的ActiveX的对象干了什么事？写了下面的代码（当年写Ajax就是这么写的，因此也不费劲，何况网上还有例程能够抄）：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

functionInitAjax() {     varajax=false;     try{         ajax =newActiveXObject("Msxml2.XMLHTTP");     }catch(e) {         try{             ajax =newActiveXObject("Microsoft.XMLHTTP");         }catch(E) {             ajax =false;         }     }     if(!ajax &&typeofXMLHttpRequest!='undefined') {         ajax =newXMLHttpRequest();     }     returnajax; }   varajax = InitAjax(); ajax.open("GET", url,true); ajax.onreadystatechange =function() {     if(ajax.readyState == 4 && ajax.status == 200) {         varshow = document.getElementById("HaoChenDIV").value;         show.innerHTML = ajax.responseText;     } } ajax.send(null);

一运行，仍是不行，没见IE报什么错，不过，能够肯定这不是jQuery的问题了，估计仍是咱们本身程序的问题。不过此时的程序太好调试了，调试中，在IE9下调式发现原生的IE的Ajax对象在onreadystatechange函数里，其responseText是下面这个样子：

什么是“系统错误: -1072896658”？上google一查，一堆页面，基本上是说乱码了，也就是ajax的后端程序返回的网页编码不认识吧。须要在返回的http header里加上 charset=utf-8。

因而，修改后端的Ajax的程序，明确指定了返回的HTTP Header中的charset，因而IE下就工做正常了，再切回jQuery的load代码，一切正常了（后端的程序原本是utf-8的编码格式，可是不骨明确在HTTP Header中指定，可是只有IE不会自动检测）。

这个问题的缘由就是由于咱们没有按照规范去写网页。因此，触类旁通，HTML的规范还有哪些，太多了，记也记不住。但也许你会知道有一个叫 http://validator.w3.org 的网站能够帮你校验你网页中的不少不规范的东西。这个工具会报不少不少错，不少都有点吹毛求疵，不过，可让你看看（注：今天的coolshell装了不少插件，也被我调过一些东西，因此出错不少，我还记得之前没有插件没有我定制化的样式的时候，Wordpress一个错都不报）。

后记

我把这个问题和过程分享出来，主要有这么几个目的，并抛出几个问题，你们能够思考一下：

1）这个问题网上有不少人都在报，可是基本上找不到答案（包括StackOverflow），因此，我分享出来，填补一下空白。

2）我相信咱们的程序员每天都在经历这样的事，我不知道你们在遇到这样的事情会怎么作？也许大多数人都在网上查各类解决方案，而后一个一个的试，直到试对了——散弹枪式的编程，呵呵。固然，大多数答案都是可能找到的。但当咱们找到答案了后，咱们还会深刻去了解这个问题的具体缘由并触类旁通地去思考一其周边的东西吗？

3）另外，在今天这样N多框架，N多lib，N多开源的年代下，不知道你们有没有失去了从零开始本身写代码的能力？好比上面的这个问题，不知道有多少人还会本身写原生态的Ajax？不过，我仍是建议你们能在使用各类框架的时候，明白那些最基础的知识，求甚解，知其然知其因此然，真的很重要。

我是从那个“吃糠的年代”过来的程序员，那时的程序员什么都要本身干，很辛苦，今天我和不少人说我之前的那些经历，会被笑话，可是我从这些什么都本身的干的年代过的经历，让我受益不少。我把个人想法分享给你们，但愿对你们有用。

(全文完)