Ajax无刷新Url提交页面
程序员文章站
2022-07-02 16:19:00
尤其是在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;
}
}
}
从繁重的代码工作之中解脱出来,轻易的就可以实现过去书写复杂的功能。
不过有利有弊,到如今,习惯了使用各种框架,而很少自己书写内部源码的程序员们,还有几个记得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;
}
}
}
上一篇: Ajax $.getJSON案例详解
下一篇: 家里有开心果真好真幸福