主页 > 知识库 > Ajax无刷新Url提交页面

Ajax无刷新Url提交页面

热门标签:团购网站 电子围栏 Linux服务器 阿里云 Mysql连接数设置 银行业务 服务器配置 科大讯飞语音识别系统
尤其是在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;
}
}
}
您可能感兴趣的文章:
  • pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新
  • 使用Yii整合的pjax(pushstate+ajax)实现无刷新加载页面
  • 使用ajax和history.pushState无刷新改变页面URL示例
  • 使用ajax实现无刷新改变页面内容和地址栏URL
  • 基于iframe实现类似于ajax的页面无刷新
  • ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
  • JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现
  • PHP Ajax实现页面无刷新发表评论
  • PHP Ajax实现页面无刷新发表评论
  • pushState实现Ajax无刷新页面切换

标签:广元 江苏 枣庄 大理 衡水 蚌埠 萍乡 衢州

巨人网络通讯声明:本文标题《Ajax无刷新Url提交页面》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266