Ajax无刷新Url提交页面

Ajax从流行到现在，已经不算是什么新鲜的技术了。

尤其是在Jquery，porotype，Ext等框架流行之后，大量简化的代码可说是为程序员带来了福音，

从繁重的代码工作之中解脱出来，轻易的就可以实现过去书写复杂的功能。

不过有利有弊，到如今，习惯了使用各种框架，而很少自己书写内部源码的程序员们，还有几个记得Ajax那其实并不算复杂的基本代码呢？

今天，为了不遗忘当初的热忱，我把这基础的代码再贴出来，给自己回顾一下。

 

1。对于Ajax来说，判断浏览器的类别是一个重复而且毫无新意的工作，这段代码完全可以封装起来，随意调用。

function xmlhttp()
{
    var A=null
    try
    {
        A=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
        try
        {
            A=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(oc)
        {
            if(typeof XMLHttpRequest!="Undefined")
            {
                A=new XMLHttpRequest();
            }
        }
    }
    return A;  
}

不解释了，反正就算不懂，直接复制过去用也是没有问题的。

 

2。接下来是提交Url的代码。

整个过程其实大同小异，大部分代码其实都可以封装起来，只要将参数传入，再获取结果就可以了。

 

function Ajax(url)
{
    var XmlHttp=new xmlhttp();
    try
    {
        XmlHttp.open("POST",url,true);

　　　var result=SendUrl();
    }
    catch(e)
    {
        alert(e);
    }
}

 

3.function SendUrl()

{

      XmlHttp.send();
      XmlHttp.onreadystatechange=function()
      {
          if(XmlHttp.readyState==4 && XmlHttp.status==200)
          {
              var result=XmlHttp.responseText;
              return result;
           }
       }

}