欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Ajax无刷新Url提交页面

程序员文章站 2022-03-25 10:58:23
尤其是在jquery,porotype,ext等框架流行之后,大量简化的代码可说是为程序员带来了福音, 从繁重的代码工作之中解脱出来,轻易的就可以实现过去书写复杂的功能。...
尤其是在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;
}
}
}