手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >Ajax无刷新Url提交页面
Ajax无刷新Url提交页面
摘要:尤其是在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无刷新Url提交页面】相关文章:

Ajax异步(请求)提交类 支持跨域

AJAX打造博客无刷新搜索

Ajax实现带有验证码的局部刷新登录界面

Ajax注册用户时实现表单验证

发布三个ajax相关的函数,包括无刷新提交表单等

Ajax实现无刷新三联动下拉框

Jquery基于Ajax方法自定义无刷新提交表单Form实例

Ajax技术(WEB无刷新提交数据)-

非常实用的ajax用户注册模块

解决ajax跨域请求数据cookie丢失问题

精品推荐
分类导航