码迷,mamicode.com
首页 > Web开发 > 详细

前端相关技术之ajax相关

时间:2015-12-18 10:25:59      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

AJAX技术点

async javascript and xml:异步的js和xml,用js异步去操作xml

ajax用于数据交互,不能操作DOM

–节省用户操作,时间,提高用户体验,减少数据请求
–传输获取数据
使用场景:局部刷新页面,手机验证码验证发送ajax请求
window.onload = function() {
    
    var oBtn = document.getElementById(btn);
    
    
    oBtn.onclick = function() {
        
        //打开浏览器
        /*
            1.创建一个ajax对象
                ie6以下new ActiveXObject(‘Microsoft.XMLHTTP‘)
        */
        var xhr = null;
        /*if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        } else {
            xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
        }*/
        try {
            xhr = new XMLHttpRequest();
        } catch (e) {
            xhr = new ActiveXObject(Microsoft.XMLHTTP);
        }
        //在地址栏输入地址
        /*
            open方法
            参数
                1.打开方式
                2.地址
                3.是否异步
                    异步:非阻塞 前面的代码不会影响后面代码的执行
                    同步:阻塞 前面的代码会影响后面代码的执行
        */
        xhr.open(get,1.txt,true);
        //提交 发送请求
        //alert(1);
        xhr.send();
        
        //alert(1)
        
        //alert( xhr.responseText );
        
        //等待服务器返回内容
        xhr.onreadystatechange = function() {
            
            if ( xhr.readyState == 4 ) {
                alert( xhr.responseText );
            }
            
        }
        
    }
}

 

前端相关技术之ajax相关

标签:

原文地址:http://www.cnblogs.com/kingCpp/p/5056201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!