当前位置： 移动技术网 > IT编程>脚本编程>Ajax > Ajax无刷新Url提交页面

Ajax无刷新Url提交页面

2017年12月12日  | 移动技术网IT编程  | 我要评论
尤其是在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;
}
}
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网