日期:2014-05-16  浏览次数:20363 次

【分享】最短AJAX创建代码
假如你的脚本只针对某个浏览器开发,那么创建XMLHTTP是很简单的一件事,用XMLHttpRequest或者ActiveXObject即可。但事实上绝大多数的时候,我们都要考虑兼容,于是我们通常写成:
JScript code

var x;
if(window.ActiveXObject)
    x = new ActiveXObject("Microsoft.XMLHTTP");
else
    x = new XMLHttpRequest();


  当然,熟练的朋友更倾向于简练的代码:
JScript code

var x = window.ActiveXObject?
        new ActiveXObject("Microsoft.XMLHTTP"):
        new XMLHttpRequest();


  但也到此而已。这段代码还能继续压缩吗?我们不妨来探索下。
  
  现在我们把一堆单词: ActiveXObject, "Microsoft.XMLHTTP", XMLHttpRequest, window 配上几个符号重新排列起来,组合出一个语法正确并且能正常运行的表达式。

  首先我们最容易想到的就是共用一个new。因为JS里面有个很强大的运算符“||”,相信大家都用过。所以我们先用||得出Class,然后用new实例化出instance。于是:
JScript code
new (window.XMLHttpRequest || ActiveXObject("Microsoft.XMLHTTP"))


  很不幸,它没能通过IE6,7的考验。(IE8+已经支持XMLHttpRequest了)
  
  错误很简单,就在ActiveXObject("Microsoft.XMLHTTP")上。Automation 服务器不能创建对象。 
  在IE里,ActiveXObject(...)之前必须带上new,否则就会出现上面的错误。但请注意了,ActiveXObject后面是带参数调用的。如果我们单独反射出ActiveXObject这个函数,然后再实例化,结果会如果呢?我们测试下:
JScript code

var ref = ActiveXObject;
var x = new ref("Microsoft.XMLHTTP");

x.open("GET", "1.html", true);
x.send();
alert(x.responseText)


  结果不但没有报错,并且成功的显示出了文字。这说明window.ActiveXObject这个方法是可以反射调用,但必须用new才能创建组建。这很好理解:function ActiveXObject(){}的Native Code会判断当前是new call还是direct call,如果不是new call就报错。这意味着你不能预先创建出XMLHTTP的Class,而必须用ActiveXObject的工厂形式。
  
  既然事实如此,我们只能用XMLHttpRequest || ActiveXObject这样的逻辑。如果带上new,我们就得到这样的代码:
JScript code
new (window.XMLHttpRequest || ActiveXObject)


  这对XHR的创建已经够了,但是ActiveX还需要提供一个参数指定组件名。这个参数加在哪里好呢?不用多虑,就放在最后!
  
  因为XMLHttpRequest的构造函数是不带参数的,而JS是个弱类型语言,所以你即便给他指定一个参数也不会出问题。于是最后,我们用一行表达式即可创建:
JScript code
new (window.XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP")

  
  因为IE8+即支持 XMLHttpRequest 和 ActiveXObject,因此上面 || 左右顺序决定了IE8+优先使用哪种。

  纵观上述代码,其中的window显得有点多余,但又不能去掉。仔细回想下,有个叫self的属性和window完全相同。因为self是window的只读属性,并且永远指向window,所以用:
JScript code
new(self.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")

  
  正好是60字节!

------解决方案--------------------
谢谢分享
------解决方案--------------------
很好,很强大。
------解决方案--------------------
new(self.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")

无非就这么一句~~~
但是对楼主这种积极的想法表示


------解决方案--------------------
good
------解决方案--------------------

 不错 顶起...
------解决方案--------------------
真的很不错哦