文档章节

ajax异步处理

sunnyGirl
 sunnyGirl
发布于 2016/11/27 16:27
字数 232
阅读 0
收藏 0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
</head>
<script>
    window.onload=function(){
        //浏览器初试,是否可以有xmlhttprequset 
        /*var xhr=new XMLHttpRequest();
        alert(xhr);*/

//进行浏览器兼容性处理
        function createXHR(){
             if (typeof XMLHttpRequest!="undefined") {
                 return new XMLHttpRequest();
             }else if (typeof ActiveXObject!="undefined") {
                 var version=[
                           "MSXML2.XMLHttp.6.0"
                         // "MSXML2.XMLHttp.3.0"
                         // "MSXML2.XMLHttp"
                 ];
                 for (var i = 0;version.length;i++) {
                      try{
                     return new ActiveXObject(version[i])
                          }catch(e){

                      }
                 }
             }else{
                 throw new Error("浏览器不支持")
             }
        }
    //点击文档进行异步操作     
         document.addEventListener("click",function(){
           var XHR=createXHR();  //创建XHR对象

//检查浏览器的状态,进行异步处理
           XHR.onreadystatechange=function(){
    if(XHR.status==200&&XHR.readyState==4){
           alert(XHR.responseText);
    }
           }
          XHR.open("GET","test.php",true); //准备发送请求
          XHR.send(null);  //发送请求,get不需要数据提交,填写null
          /*alert(XHR.responseText)*/
     })

        //第二种方法
     /*  var btn=document.getElementById("btn")
     btn.onclick= function (){
            var xmlHttpReq=null;
            if (window.ActiveXObject) {
             xmlHttpReq=new ActiveXObject("Microsoft.XMLHttp")
            }else if (window.XMLHttpRequest) {
                xmlHttpReq=new XMLHttpRequest();
            }
            xmlHttpReq.open("GET","test.php",true);
            xmlHttpReq.onreadystatechange=RequestCallBack;
            xmlHttpReq.send(null);
            function RequestCallBack(){
                if(xmlHttpReq.readyState==4&&xmlHttpReq.status==200){
                document.getElementById("test").innerHTML=xmlHttpReq.responseText;
                }
            }
        }
    */
     

    }
</script>
<body>
     <input type="button" value="Ajax提交" id="btn">
     <div id="test"></div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
sunnyGirl
粉丝 0
博文 9
码字总数 3863
作品 0
武汉
基于jquery的全局ajax函数处理session过期后的ajax操作

做web常常需要考虑session过期的问题,session过期就让页面跳转到登录界面去,但是存在这样一个问题,当页面过期后,用户请求后台的方式有两种:传统方式和异步请求方式,传统方式倒好解决,...

十月阳光
2014/01/19
0
0
JQuery——实现Ajax应用

实现Ajax应用 1 .load()异步请求数据,通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,调用格式为load(url,[data],[callback]) 2 参数url为加载服务器地址,可选项dat...

拉考的考拉
2017/11/23
0
0
Java中解决(extjs或jquery)session过期退出登录问题

解决两种情况下的用户访问超时: a)普通http请求的session超时; b)异步http请求的session超时,如果使用extjs后大部分的界面刷新都是异步的ajax请求。 不管是那种类型的http请求总是可以由...

Junn
2013/09/24
0
0
AJAX基础之JavaScript基础与增强(二)

一,Ajax究竟是个什么东西 用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。 简单一句话 不刷新页面与服务器通讯的技术 在Ajax之前,Web站点强制用户进入提交/等待/重新显示...

architect刘源源
05/08
0
0
vue菜鸟从业记:没准备好的面试,那叫尬聊

最近我的朋友王小闰参加了一场面试,在他填写简历表的时候,排在他前面的应聘者正在旁边邻桌接受来自面试官的检验。 王小闰边写边想,这不就是一会儿要面试自己的前端leader么,现在面试官提...

闰土大叔
07/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java IO类库之PrintStreamWriter

* A <code>PrintStream</code> adds functionality to another output stream, * namely the ability to print representations of various data values * conveniently. Two other fea......

老韭菜
47分钟前
0
0
qduoj~前端~二次开发~笔记

青岛大学qdu的onlinejudge是js的写的前端,框架是vue.js,在nodejs上部署运行,其实整体运行还是建立在docker的容器虚拟环境里,这里暂时不需要docker。安装环境是Ubuntu14-64bit 1.安装一大...

虚拟世界的懒猫
51分钟前
6
0
ConcurrentHashMap源码解读

部分内容转自:http://jiabinyuan.xyz/#/app/archive/detail/25 内部结构 内部采用了segment结构,每一个segment相当于一个hashtable。看下面的结构图: 从图的结构我们可以了解到,Concurr...

edwardGe
56分钟前
1
0
Ubuntu终端Tab键自动补全

打开 /etc/bash.bashrc,找到下列代码,取消注释。 #enable bash completion in interactive shells#if ! shopt -oq posix; then# if [-f /usr/share/bash-completion/bash_compl......

大熊猫
今天
0
0
polipo socks5代理转http代理

天朝的网络,哎~ 装个 yarn 都时而会卡 假设在SSlocal 已经装好运行的前提下,来安装设置 polipo sudo apt-get install polipo sudo vim /etc/polipo/config 追加下列配置内容,并保存 socksP...

纯洁徐
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部