文档章节

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>

© 著作权归作者所有

共有 人打赏支持
上一篇: 响应式开发(1)
下一篇: 正则表达式
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
Java——Ajax+Tomcat完成异步请求

Ajax最为网页异步交互技术相信大家并不陌生,这里我也不做过多介绍,详情点击(百度百科)。很多框架也封装了Ajax技术,使用起来更加简单,比如jQuery等等,这里为了了解原理,我们使用原生的...

邵鸿鑫
2015/10/30
0
0
AJAX基础之JavaScript基础与增强(二)

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

architect刘源源
2018/05/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Batch @SpringBatchTest 注解

Spring Batch 提供了一些非常有用的工具类(例如 JobLauncherTestUtils 和 JobRepositoryTestUtils)和测试执行监听器(StepScopeTestExecutionListener 和 JobScopeTestExecutionListener)......

honeymose
16分钟前
2
0
浏览器缓存

HTTP缓存类型 200 from cache:直接从本地缓存获取响应,可细分为from disk cache, from memory cache 304 Not Modified:协商缓存,本地未命中发送校验数据到服务端,如果服务端数据没有改变,则读...

关元
30分钟前
2
0
正则表达式简单使用说明

在Python3里确实简单明了,测试样例如下 # 正则content = 'Hello 1234567 World_This is a Regex Demo'# 贪婪匹配 尽可能多的匹配result = re.match('^He.*(\d+).*Demo$', co......

轻轻的往前走
31分钟前
2
0
多线程创建方式

一、基本概念 进程:就是正在运行的应用程序,进程是线程的集合。 线程:就是进程中的一条执行路径,一个独立的执行单元。 多线程:就是为了提高程序的效率,使用多线程,每个线程互不影响,...

秋至丶枫以落
35分钟前
1
0
聊聊flink的Async I/O

序 本文主要研究一下flink的Async I/O 实例 // This example implements the asynchronous request and callback with Futures that have the// interface of Java 8's futures (which is t......

go4it
43分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部