Ajax无刷新Url提交页面

  尤其是在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;

  }

  }

  }